Change indentation to 2 spaces
To comply with Redmine's coding style.
This commit is contained in:
mrliptontea
@@ -6,4 +6,4 @@ charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
indent_size = 2
|
||||
|
||||
@@ -66,9 +66,9 @@ linters:
|
||||
filename_extension: false
|
||||
|
||||
Indentation:
|
||||
enabled: false
|
||||
enabled: true
|
||||
character: space
|
||||
width: 4
|
||||
width: 2
|
||||
|
||||
LeadingZero:
|
||||
enabled: true
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -2,97 +2,97 @@ var PurpleMine = PurpleMine || {};
|
||||
|
||||
PurpleMine.HistoryTabs = (function()
|
||||
{
|
||||
"use strict";
|
||||
"use strict";
|
||||
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
all : "All",
|
||||
notes : "Notes",
|
||||
details: "Changes"
|
||||
},
|
||||
pl: {
|
||||
all : "Wszystko",
|
||||
notes : "Notatki",
|
||||
details: "Zmiany"
|
||||
}
|
||||
};
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
all : "All",
|
||||
notes : "Notes",
|
||||
details: "Changes"
|
||||
},
|
||||
pl: {
|
||||
all : "Wszystko",
|
||||
notes : "Notatki",
|
||||
details: "Zmiany"
|
||||
}
|
||||
};
|
||||
|
||||
function HistoryTabs()
|
||||
function HistoryTabs()
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
return self;
|
||||
}
|
||||
|
||||
self = this;
|
||||
|
||||
this.$tabsContainer = null;
|
||||
this.$tabs = null;
|
||||
this.$history = $("#history");
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
this.lang = "en";
|
||||
}
|
||||
|
||||
this._ = translations[this.lang];
|
||||
|
||||
if (this.$history.length > 0)
|
||||
{
|
||||
buildTabs();
|
||||
markFirstOfTypes();
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
function buildTabs()
|
||||
self = this;
|
||||
|
||||
this.$tabsContainer = null;
|
||||
this.$tabs = null;
|
||||
this.$history = $("#history");
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
var html = "",
|
||||
liStart = "<li><a href=\"javascript:;\" class=\"",
|
||||
liMid = "history-tab\" data-tab=\"",
|
||||
liEnd = "</a></li>";
|
||||
|
||||
html += "<div class=\"tabs\"><ul>";
|
||||
html += liStart + "selected " + liMid + "all\">" + self._.all + liEnd;
|
||||
html += liStart + liMid + "notes\">" + self._.notes + liEnd;
|
||||
html += liStart + liMid + "details\">" + self._.details + liEnd;
|
||||
html += "</ul></div>";
|
||||
|
||||
self.$tabsContainer = $(html);
|
||||
$("#history > h3").after(self.$tabsContainer);
|
||||
|
||||
self.$tabs = self.$tabsContainer.find(".history-tab");
|
||||
self.$tabs.on("click", tabClick);
|
||||
this.lang = "en";
|
||||
}
|
||||
|
||||
function markFirstOfTypes()
|
||||
this._ = translations[this.lang];
|
||||
|
||||
if (this.$history.length > 0)
|
||||
{
|
||||
self.$history.find(".has-notes:first").addClass("first-of-notes");
|
||||
self.$history.find(".has-details:first").addClass("first-of-details");
|
||||
buildTabs();
|
||||
markFirstOfTypes();
|
||||
}
|
||||
}
|
||||
|
||||
var tabClick = function()
|
||||
function buildTabs()
|
||||
{
|
||||
var html = "",
|
||||
liStart = "<li><a href=\"javascript:;\" class=\"",
|
||||
liMid = "history-tab\" data-tab=\"",
|
||||
liEnd = "</a></li>";
|
||||
|
||||
html += "<div class=\"tabs\"><ul>";
|
||||
html += liStart + "selected " + liMid + "all\">" + self._.all + liEnd;
|
||||
html += liStart + liMid + "notes\">" + self._.notes + liEnd;
|
||||
html += liStart + liMid + "details\">" + self._.details + liEnd;
|
||||
html += "</ul></div>";
|
||||
|
||||
self.$tabsContainer = $(html);
|
||||
$("#history > h3").after(self.$tabsContainer);
|
||||
|
||||
self.$tabs = self.$tabsContainer.find(".history-tab");
|
||||
self.$tabs.on("click", tabClick);
|
||||
}
|
||||
|
||||
function markFirstOfTypes()
|
||||
{
|
||||
self.$history.find(".has-notes:first").addClass("first-of-notes");
|
||||
self.$history.find(".has-details:first").addClass("first-of-details");
|
||||
}
|
||||
|
||||
var tabClick = function()
|
||||
{
|
||||
var $this = $(this),
|
||||
tab = $this.attr("data-tab");
|
||||
|
||||
self.$tabs.removeClass("selected");
|
||||
$this.addClass("selected");
|
||||
|
||||
self.$history
|
||||
.removeClass("hide-details")
|
||||
.removeClass("hide-notes");
|
||||
|
||||
if ("notes" === tab)
|
||||
{
|
||||
var $this = $(this),
|
||||
tab = $this.attr("data-tab");
|
||||
self.$history.addClass("hide-details");
|
||||
}
|
||||
else if ("details" === tab)
|
||||
{
|
||||
self.$history.addClass("hide-notes");
|
||||
}
|
||||
};
|
||||
|
||||
self.$tabs.removeClass("selected");
|
||||
$this.addClass("selected");
|
||||
|
||||
self.$history
|
||||
.removeClass("hide-details")
|
||||
.removeClass("hide-notes");
|
||||
|
||||
if ("notes" === tab)
|
||||
{
|
||||
self.$history.addClass("hide-details");
|
||||
}
|
||||
else if ("details" === tab)
|
||||
{
|
||||
self.$history.addClass("hide-notes");
|
||||
}
|
||||
};
|
||||
|
||||
return HistoryTabs;
|
||||
return HistoryTabs;
|
||||
}());
|
||||
|
||||
@@ -2,136 +2,136 @@ var PurpleMine = PurpleMine || {};
|
||||
|
||||
PurpleMine.MenuCollapse = (function()
|
||||
{
|
||||
"use strict";
|
||||
"use strict";
|
||||
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
topMenuToggler : "Expand/collapse top menu"
|
||||
},
|
||||
pl: {
|
||||
topMenuToggler : "Zwiń/rozwiń górne menu"
|
||||
}
|
||||
};
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
topMenuToggler : "Expand/collapse top menu"
|
||||
},
|
||||
pl: {
|
||||
topMenuToggler : "Zwiń/rozwiń górne menu"
|
||||
}
|
||||
};
|
||||
|
||||
function MenuCollapse()
|
||||
function MenuCollapse()
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
return self;
|
||||
}
|
||||
|
||||
self = this;
|
||||
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
this.lang = "en";
|
||||
}
|
||||
|
||||
this._ = translations[this.lang];
|
||||
|
||||
this.menus = {
|
||||
top: {
|
||||
$el: $("#top-menu")
|
||||
}
|
||||
};
|
||||
|
||||
for (var menu in this.menus)
|
||||
{
|
||||
if (this.menus.hasOwnProperty(menu) &&
|
||||
this.menus[menu].$el.length > 0)
|
||||
{
|
||||
handleMenu(menu);
|
||||
}
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
function handleMenu(menu)
|
||||
self = this;
|
||||
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
if ("none" === self.menus[menu].$el.css("maxHeight"))
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
self.menus[menu].collapsed = true;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
self.menus[menu].collapsed =
|
||||
null === localStorage.getItem(getMenuStorageKey(menu));
|
||||
}
|
||||
|
||||
buildToggleButton(menu);
|
||||
|
||||
if (false === self.isCollapsed(menu))
|
||||
{
|
||||
self.expandMenu(menu);
|
||||
}
|
||||
this.lang = "en";
|
||||
}
|
||||
|
||||
function getMenuStorageKey(menu)
|
||||
this._ = translations[this.lang];
|
||||
|
||||
this.menus = {
|
||||
top: {
|
||||
$el: $("#top-menu")
|
||||
}
|
||||
};
|
||||
|
||||
for (var menu in this.menus)
|
||||
{
|
||||
return "PurpleMine:" + menu + "MenuExpanded";
|
||||
if (this.menus.hasOwnProperty(menu) &&
|
||||
this.menus[menu].$el.length > 0)
|
||||
{
|
||||
handleMenu(menu);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function handleMenu(menu)
|
||||
{
|
||||
if ("none" === self.menus[menu].$el.css("maxHeight"))
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
function buildToggleButton(menu)
|
||||
self.menus[menu].collapsed = true;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
var togglerClass = menu + "-menu-toggler",
|
||||
togglerLabel = self._[menu + "MenuToggler"],
|
||||
togglerHtml;
|
||||
|
||||
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
|
||||
"\" title=\"" + togglerLabel + "\"></a>";
|
||||
self.menus[menu].$toggler = $(togglerHtml);
|
||||
|
||||
self.menus[menu].$el.prepend(self.menus[menu].$toggler);
|
||||
self.menus[menu].$toggler.on("click", { menu: menu }, self.toggleMenu);
|
||||
self.menus[menu].collapsed =
|
||||
null === localStorage.getItem(getMenuStorageKey(menu));
|
||||
}
|
||||
|
||||
MenuCollapse.prototype.toggleMenu = function(event)
|
||||
buildToggleButton(menu);
|
||||
|
||||
if (false === self.isCollapsed(menu))
|
||||
{
|
||||
var menu = event.data.menu || "";
|
||||
self.expandMenu(menu);
|
||||
}
|
||||
}
|
||||
|
||||
if (self.isCollapsed(menu))
|
||||
{
|
||||
self.expandMenu(menu);
|
||||
}
|
||||
else
|
||||
{
|
||||
self.collapseMenu(menu);
|
||||
}
|
||||
};
|
||||
function getMenuStorageKey(menu)
|
||||
{
|
||||
return "PurpleMine:" + menu + "MenuExpanded";
|
||||
}
|
||||
|
||||
MenuCollapse.prototype.isCollapsed = function(menu)
|
||||
function buildToggleButton(menu)
|
||||
{
|
||||
var togglerClass = menu + "-menu-toggler",
|
||||
togglerLabel = self._[menu + "MenuToggler"],
|
||||
togglerHtml;
|
||||
|
||||
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
|
||||
"\" title=\"" + togglerLabel + "\"></a>";
|
||||
self.menus[menu].$toggler = $(togglerHtml);
|
||||
|
||||
self.menus[menu].$el.prepend(self.menus[menu].$toggler);
|
||||
self.menus[menu].$toggler.on("click", { menu: menu }, self.toggleMenu);
|
||||
}
|
||||
|
||||
MenuCollapse.prototype.toggleMenu = function(event)
|
||||
{
|
||||
var menu = event.data.menu || "";
|
||||
|
||||
if (self.isCollapsed(menu))
|
||||
{
|
||||
return this.menus[menu].collapsed;
|
||||
};
|
||||
|
||||
MenuCollapse.prototype.expandMenu = function(menu)
|
||||
self.expandMenu(menu);
|
||||
}
|
||||
else
|
||||
{
|
||||
this.menus[menu].$el.addClass("expanded");
|
||||
this.menus[menu].$toggler.addClass("expanded");
|
||||
this.menus[menu].collapsed = false;
|
||||
self.collapseMenu(menu);
|
||||
}
|
||||
};
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.setItem(getMenuStorageKey(menu), "x");
|
||||
}
|
||||
};
|
||||
MenuCollapse.prototype.isCollapsed = function(menu)
|
||||
{
|
||||
return this.menus[menu].collapsed;
|
||||
};
|
||||
|
||||
MenuCollapse.prototype.collapseMenu = function(menu)
|
||||
MenuCollapse.prototype.expandMenu = function(menu)
|
||||
{
|
||||
this.menus[menu].$el.addClass("expanded");
|
||||
this.menus[menu].$toggler.addClass("expanded");
|
||||
this.menus[menu].collapsed = false;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
this.menus[menu].$el.removeClass("expanded");
|
||||
this.menus[menu].$toggler.removeClass("expanded");
|
||||
this.menus[menu].collapsed = true;
|
||||
localStorage.setItem(getMenuStorageKey(menu), "x");
|
||||
}
|
||||
};
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.removeItem(getMenuStorageKey(menu));
|
||||
}
|
||||
};
|
||||
MenuCollapse.prototype.collapseMenu = function(menu)
|
||||
{
|
||||
this.menus[menu].$el.removeClass("expanded");
|
||||
this.menus[menu].$toggler.removeClass("expanded");
|
||||
this.menus[menu].collapsed = true;
|
||||
|
||||
return MenuCollapse;
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.removeItem(getMenuStorageKey(menu));
|
||||
}
|
||||
};
|
||||
|
||||
return MenuCollapse;
|
||||
}());
|
||||
|
||||
@@ -6,152 +6,152 @@ var PurpleMine = PurpleMine || {};
|
||||
|
||||
PurpleMine.RevisionGraph = function(holder, commits_hash, graph_space)
|
||||
{
|
||||
"use strict";
|
||||
"use strict";
|
||||
|
||||
var XSTEP = 20,
|
||||
CIRCLE_INROW_OFFSET = 17;
|
||||
var commits_by_scmid = commits_hash,
|
||||
commits = $.map(commits_by_scmid, function(val){return val;});
|
||||
var max_rdmid = commits.length - 1;
|
||||
var commit_table_rows = $("table.changesets tr.changeset");
|
||||
var XSTEP = 20,
|
||||
CIRCLE_INROW_OFFSET = 17;
|
||||
var commits_by_scmid = commits_hash,
|
||||
commits = $.map(commits_by_scmid, function(val){return val;});
|
||||
var max_rdmid = commits.length - 1;
|
||||
var commit_table_rows = $("table.changesets tr.changeset");
|
||||
|
||||
// create graph
|
||||
if (revisionGraph !== null)
|
||||
// create graph
|
||||
if (revisionGraph !== null)
|
||||
{
|
||||
revisionGraph.clear();
|
||||
}
|
||||
else
|
||||
{
|
||||
revisionGraph = new Raphael(holder);
|
||||
}
|
||||
|
||||
var top = revisionGraph.set();
|
||||
|
||||
// init dimensions
|
||||
var graph_x_offset = commit_table_rows.first().find("td").first().position().left - $(holder).position().left,
|
||||
graph_y_offset = $(holder).position().top,
|
||||
graph_right_side = graph_x_offset + (graph_space + 1) * XSTEP,
|
||||
graph_bottom = commit_table_rows.last().position().top + commit_table_rows.last().height() - graph_y_offset;
|
||||
|
||||
revisionGraph.setSize(graph_right_side, graph_bottom);
|
||||
|
||||
// init colors
|
||||
var colors = [
|
||||
"#e74c3c",
|
||||
"#584492",
|
||||
"#019851",
|
||||
"#ed820c",
|
||||
"#4183c4"
|
||||
];
|
||||
|
||||
// get more colors if needed
|
||||
if (graph_space >= colors.length)
|
||||
{
|
||||
Raphael.getColor.reset();
|
||||
|
||||
for (var k = 0; k <= graph_space; k++)
|
||||
{
|
||||
revisionGraph.clear();
|
||||
colors.push(Raphael.getColor(0.9));
|
||||
}
|
||||
else
|
||||
}
|
||||
|
||||
var parent_commit;
|
||||
var x, y, parent_x, parent_y;
|
||||
var path, title;
|
||||
var revision_dot_overlay;
|
||||
|
||||
$.each(commits, function(index, commit)
|
||||
{
|
||||
if (!commit.hasOwnProperty("space"))
|
||||
{
|
||||
revisionGraph = new Raphael(holder);
|
||||
commit.space = 0;
|
||||
}
|
||||
|
||||
var top = revisionGraph.set();
|
||||
y = commit_table_rows.eq(max_rdmid - commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
|
||||
x = graph_x_offset + XSTEP / 2 + XSTEP * commit.space;
|
||||
|
||||
// init dimensions
|
||||
var graph_x_offset = commit_table_rows.first().find("td").first().position().left - $(holder).position().left,
|
||||
graph_y_offset = $(holder).position().top,
|
||||
graph_right_side = graph_x_offset + (graph_space + 1) * XSTEP,
|
||||
graph_bottom = commit_table_rows.last().position().top + commit_table_rows.last().height() - graph_y_offset;
|
||||
revisionGraph.circle(x, y, 3.5)
|
||||
.attr({
|
||||
fill: colors[commit.space],
|
||||
stroke: "none"
|
||||
}).toFront();
|
||||
|
||||
revisionGraph.setSize(graph_right_side, graph_bottom);
|
||||
|
||||
// init colors
|
||||
var colors = [
|
||||
"#e74c3c",
|
||||
"#584492",
|
||||
"#019851",
|
||||
"#ed820c",
|
||||
"#4183c4"
|
||||
];
|
||||
|
||||
// get more colors if needed
|
||||
if (graph_space >= colors.length)
|
||||
// paths to parents
|
||||
$.each(commit.parent_scmids, function(index, parent_scmid)
|
||||
{
|
||||
Raphael.getColor.reset();
|
||||
parent_commit = commits_by_scmid[parent_scmid];
|
||||
|
||||
for (var k = 0; k <= graph_space; k++)
|
||||
if (parent_commit)
|
||||
{
|
||||
if (!parent_commit.hasOwnProperty("space"))
|
||||
{
|
||||
colors.push(Raphael.getColor(0.9));
|
||||
}
|
||||
}
|
||||
|
||||
var parent_commit;
|
||||
var x, y, parent_x, parent_y;
|
||||
var path, title;
|
||||
var revision_dot_overlay;
|
||||
|
||||
$.each(commits, function(index, commit)
|
||||
{
|
||||
if (!commit.hasOwnProperty("space"))
|
||||
{
|
||||
commit.space = 0;
|
||||
parent_commit.space = 0;
|
||||
}
|
||||
|
||||
y = commit_table_rows.eq(max_rdmid - commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
|
||||
x = graph_x_offset + XSTEP / 2 + XSTEP * commit.space;
|
||||
parent_y = commit_table_rows.eq(max_rdmid - parent_commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
|
||||
parent_x = graph_x_offset + XSTEP / 2 + XSTEP * parent_commit.space;
|
||||
|
||||
revisionGraph.circle(x, y, 3.5)
|
||||
.attr({
|
||||
fill: colors[commit.space],
|
||||
stroke: "none"
|
||||
}).toFront();
|
||||
|
||||
// paths to parents
|
||||
$.each(commit.parent_scmids, function(index, parent_scmid)
|
||||
if (parent_commit.space === commit.space)
|
||||
{
|
||||
parent_commit = commits_by_scmid[parent_scmid];
|
||||
|
||||
if (parent_commit)
|
||||
{
|
||||
if (!parent_commit.hasOwnProperty("space"))
|
||||
{
|
||||
parent_commit.space = 0;
|
||||
}
|
||||
|
||||
parent_y = commit_table_rows.eq(max_rdmid - parent_commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
|
||||
parent_x = graph_x_offset + XSTEP / 2 + XSTEP * parent_commit.space;
|
||||
|
||||
if (parent_commit.space === commit.space)
|
||||
{
|
||||
// vertical path
|
||||
path = revisionGraph.path([
|
||||
"M", x, y,
|
||||
"V", parent_y]);
|
||||
}
|
||||
else
|
||||
{
|
||||
// path to a commit in a different branch (Bezier curve)
|
||||
path = revisionGraph.path([
|
||||
"M", x, y,
|
||||
"C", x, y, x, y + (parent_y - y) / 2, x + (parent_x - x) / 2, y + (parent_y - y) / 2,
|
||||
"C", x + (parent_x - x) / 2, y + (parent_y - y) / 2, parent_x, parent_y-(parent_y-y)/2, parent_x, parent_y
|
||||
]);
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
// vertical path ending at the bottom of the revisionGraph
|
||||
path = revisionGraph.path([
|
||||
"M", x, y,
|
||||
"V", graph_bottom
|
||||
]);
|
||||
}
|
||||
|
||||
path.attr({stroke: colors[commit.space], "stroke-width": 1.5}).toBack();
|
||||
});
|
||||
|
||||
revision_dot_overlay = revisionGraph.circle(x, y, 10);
|
||||
revision_dot_overlay
|
||||
.attr({
|
||||
fill : "#000",
|
||||
opacity: 0,
|
||||
cursor : "pointer",
|
||||
href : commit.href
|
||||
});
|
||||
|
||||
if (commit.refs !== null && commit.refs.length > 0)
|
||||
{
|
||||
title = document.createElementNS(revisionGraph.canvas.namespaceURI, "title");
|
||||
title.appendChild(document.createTextNode(commit.refs));
|
||||
revision_dot_overlay.node.appendChild(title);
|
||||
// vertical path
|
||||
path = revisionGraph.path([
|
||||
"M", x, y,
|
||||
"V", parent_y]);
|
||||
}
|
||||
else
|
||||
{
|
||||
// path to a commit in a different branch (Bezier curve)
|
||||
path = revisionGraph.path([
|
||||
"M", x, y,
|
||||
"C", x, y, x, y + (parent_y - y) / 2, x + (parent_x - x) / 2, y + (parent_y - y) / 2,
|
||||
"C", x + (parent_x - x) / 2, y + (parent_y - y) / 2, parent_x, parent_y-(parent_y-y)/2, parent_x, parent_y
|
||||
]);
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
// vertical path ending at the bottom of the revisionGraph
|
||||
path = revisionGraph.path([
|
||||
"M", x, y,
|
||||
"V", graph_bottom
|
||||
]);
|
||||
}
|
||||
|
||||
top.push(revision_dot_overlay);
|
||||
path.attr({stroke: colors[commit.space], "stroke-width": 1.5}).toBack();
|
||||
});
|
||||
|
||||
top.toFront();
|
||||
revision_dot_overlay = revisionGraph.circle(x, y, 10);
|
||||
revision_dot_overlay
|
||||
.attr({
|
||||
fill : "#000",
|
||||
opacity: 0,
|
||||
cursor : "pointer",
|
||||
href : commit.href
|
||||
});
|
||||
|
||||
if (commit.refs !== null && commit.refs.length > 0)
|
||||
{
|
||||
title = document.createElementNS(revisionGraph.canvas.namespaceURI, "title");
|
||||
title.appendChild(document.createTextNode(commit.refs));
|
||||
revision_dot_overlay.node.appendChild(title);
|
||||
}
|
||||
|
||||
top.push(revision_dot_overlay);
|
||||
});
|
||||
|
||||
top.toFront();
|
||||
};
|
||||
|
||||
$(function()
|
||||
{
|
||||
"use strict";
|
||||
"use strict";
|
||||
|
||||
if (window.drawRevisionGraph)
|
||||
{
|
||||
// override Redmine's function
|
||||
window.drawRevisionGraph = PurpleMine.RevisionGraph;
|
||||
// make graph redraw itself
|
||||
$(window).resize();
|
||||
}
|
||||
if (window.drawRevisionGraph)
|
||||
{
|
||||
// override Redmine's function
|
||||
window.drawRevisionGraph = PurpleMine.RevisionGraph;
|
||||
// make graph redraw itself
|
||||
$(window).resize();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@@ -2,153 +2,153 @@ var PurpleMine = PurpleMine || {};
|
||||
|
||||
PurpleMine.SidebarToggler = (function()
|
||||
{
|
||||
"use strict";
|
||||
"use strict";
|
||||
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
toggler: "Toggle sidebar"
|
||||
},
|
||||
pl: {
|
||||
toggler: "Pokaż/ukryj panel boczny"
|
||||
}
|
||||
};
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
toggler: "Toggle sidebar"
|
||||
},
|
||||
pl: {
|
||||
toggler: "Pokaż/ukryj panel boczny"
|
||||
}
|
||||
};
|
||||
|
||||
function SidebarToggler()
|
||||
function SidebarToggler()
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
return self;
|
||||
}
|
||||
|
||||
self = this;
|
||||
|
||||
this.sidebarVisible = true;
|
||||
this.sidebarHiding = null;
|
||||
this.$toggler = null;
|
||||
this.$main = $("#main");
|
||||
this.$sidebar = $("#sidebar");
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
this.lang = "en";
|
||||
}
|
||||
|
||||
this._ = translations[this.lang];
|
||||
|
||||
// Fix issue with context menu position
|
||||
if ("relative" === this.$main.css("position"))
|
||||
{
|
||||
$("#context-menu").appendTo("#wrapper3");
|
||||
}
|
||||
|
||||
handleSidebar();
|
||||
return self;
|
||||
}
|
||||
|
||||
function handleSidebar()
|
||||
self = this;
|
||||
|
||||
this.sidebarVisible = true;
|
||||
this.sidebarHiding = null;
|
||||
this.$toggler = null;
|
||||
this.$main = $("#main");
|
||||
this.$sidebar = $("#sidebar");
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
if (window.localStorage)
|
||||
{
|
||||
self.sidebarVisible =
|
||||
null === localStorage.getItem("PurpleMine:sidebarHidden");
|
||||
}
|
||||
|
||||
if (self.$sidebar.length > 0 &&
|
||||
false === self.$main.hasClass("nosidebar"))
|
||||
{
|
||||
buildButton();
|
||||
bindKeyHandler();
|
||||
|
||||
if (false === self.sidebarVisible)
|
||||
{
|
||||
self.hideSidebar(true);
|
||||
}
|
||||
}
|
||||
this.lang = "en";
|
||||
}
|
||||
|
||||
function bindKeyHandler()
|
||||
{
|
||||
var body = document.getElementsByTagName("body")[0];
|
||||
this._ = translations[this.lang];
|
||||
|
||||
window.onkeydown = function(event)
|
||||
{
|
||||
if (body === event.target && 83 === event.keyCode && // "s"
|
||||
false === event.ctrlKey && false === event.altKey &&
|
||||
false === event.shiftKey)
|
||||
{
|
||||
self.toggleSidebar();
|
||||
}
|
||||
};
|
||||
// Fix issue with context menu position
|
||||
if ("relative" === this.$main.css("position"))
|
||||
{
|
||||
$("#context-menu").appendTo("#wrapper3");
|
||||
}
|
||||
|
||||
function buildButton()
|
||||
handleSidebar();
|
||||
}
|
||||
|
||||
function handleSidebar()
|
||||
{
|
||||
if (window.localStorage)
|
||||
{
|
||||
var togglerClass = "sidebar-toggler",
|
||||
togglerHtml;
|
||||
|
||||
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
|
||||
"\" title=\"" + self._.toggler + "\"></a>";
|
||||
self.$toggler = $(togglerHtml);
|
||||
|
||||
self.$main.append(self.$toggler);
|
||||
self.$toggler.on("click", self.toggleSidebar);
|
||||
self.sidebarVisible =
|
||||
null === localStorage.getItem("PurpleMine:sidebarHidden");
|
||||
}
|
||||
|
||||
SidebarToggler.prototype.toggleSidebar = function()
|
||||
if (self.$sidebar.length > 0 &&
|
||||
false === self.$main.hasClass("nosidebar"))
|
||||
{
|
||||
if (self.sidebarVisible)
|
||||
{
|
||||
self.hideSidebar();
|
||||
}
|
||||
else
|
||||
{
|
||||
self.showSidebar();
|
||||
}
|
||||
};
|
||||
buildButton();
|
||||
bindKeyHandler();
|
||||
|
||||
SidebarToggler.prototype.hideSidebar = function(immediate)
|
||||
if (false === self.sidebarVisible)
|
||||
{
|
||||
self.hideSidebar(true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function bindKeyHandler()
|
||||
{
|
||||
var body = document.getElementsByTagName("body")[0];
|
||||
|
||||
window.onkeydown = function(event)
|
||||
{
|
||||
if (true === immediate)
|
||||
{
|
||||
this.$sidebar.addClass("sidebar-hiding sidebar-hidden");
|
||||
}
|
||||
else
|
||||
{
|
||||
this.$sidebar.addClass("sidebar-hiding");
|
||||
this.sidebarHiding = setTimeout(function sidebarTimeout()
|
||||
{
|
||||
self.$sidebar.addClass("sidebar-hidden");
|
||||
}, 500);
|
||||
}
|
||||
|
||||
this.$toggler.addClass("sidebar-hidden");
|
||||
this.sidebarVisible = false;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.setItem("PurpleMine:sidebarHidden", "x");
|
||||
}
|
||||
if (body === event.target && 83 === event.keyCode && // "s"
|
||||
false === event.ctrlKey && false === event.altKey &&
|
||||
false === event.shiftKey)
|
||||
{
|
||||
self.toggleSidebar();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
SidebarToggler.prototype.showSidebar = function()
|
||||
function buildButton()
|
||||
{
|
||||
var togglerClass = "sidebar-toggler",
|
||||
togglerHtml;
|
||||
|
||||
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
|
||||
"\" title=\"" + self._.toggler + "\"></a>";
|
||||
self.$toggler = $(togglerHtml);
|
||||
|
||||
self.$main.append(self.$toggler);
|
||||
self.$toggler.on("click", self.toggleSidebar);
|
||||
}
|
||||
|
||||
SidebarToggler.prototype.toggleSidebar = function()
|
||||
{
|
||||
if (self.sidebarVisible)
|
||||
{
|
||||
clearTimeout(this.sidebarHiding);
|
||||
self.hideSidebar();
|
||||
}
|
||||
else
|
||||
{
|
||||
self.showSidebar();
|
||||
}
|
||||
};
|
||||
|
||||
self.$sidebar.removeClass("sidebar-hidden");
|
||||
setTimeout(function sidebarTimeout()
|
||||
{
|
||||
self.$sidebar.removeClass("sidebar-hiding");
|
||||
}, 50);
|
||||
SidebarToggler.prototype.hideSidebar = function(immediate)
|
||||
{
|
||||
if (true === immediate)
|
||||
{
|
||||
this.$sidebar.addClass("sidebar-hiding sidebar-hidden");
|
||||
}
|
||||
else
|
||||
{
|
||||
this.$sidebar.addClass("sidebar-hiding");
|
||||
this.sidebarHiding = setTimeout(function sidebarTimeout()
|
||||
{
|
||||
self.$sidebar.addClass("sidebar-hidden");
|
||||
}, 500);
|
||||
}
|
||||
|
||||
this.$toggler.removeClass("sidebar-hidden");
|
||||
this.sidebarVisible = true;
|
||||
this.$toggler.addClass("sidebar-hidden");
|
||||
this.sidebarVisible = false;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.removeItem("PurpleMine:sidebarHidden");
|
||||
}
|
||||
};
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.setItem("PurpleMine:sidebarHidden", "x");
|
||||
}
|
||||
};
|
||||
|
||||
return SidebarToggler;
|
||||
SidebarToggler.prototype.showSidebar = function()
|
||||
{
|
||||
clearTimeout(this.sidebarHiding);
|
||||
|
||||
self.$sidebar.removeClass("sidebar-hidden");
|
||||
setTimeout(function sidebarTimeout()
|
||||
{
|
||||
self.$sidebar.removeClass("sidebar-hiding");
|
||||
}, 50);
|
||||
|
||||
this.$toggler.removeClass("sidebar-hidden");
|
||||
this.sidebarVisible = true;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.removeItem("PurpleMine:sidebarHidden");
|
||||
}
|
||||
};
|
||||
|
||||
return SidebarToggler;
|
||||
}());
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
$(function()
|
||||
{
|
||||
/* global PurpleMine */
|
||||
"use strict";
|
||||
/* global PurpleMine */
|
||||
"use strict";
|
||||
|
||||
new PurpleMine.SidebarToggler();
|
||||
new PurpleMine.HistoryTabs();
|
||||
new PurpleMine.MenuCollapse();
|
||||
new PurpleMine.SidebarToggler();
|
||||
new PurpleMine.HistoryTabs();
|
||||
new PurpleMine.MenuCollapse();
|
||||
});
|
||||
|
||||
@@ -201,34 +201,34 @@ $tracker-default-bg: #668 !default;
|
||||
$tracker-default-text: $brand-text !default;
|
||||
|
||||
$tracker-default-colors-map: (
|
||||
1: (
|
||||
background: $brand-danger,
|
||||
color: $brand-text
|
||||
),
|
||||
2: (
|
||||
background: $brand-info,
|
||||
color: $brand-text
|
||||
),
|
||||
3: (
|
||||
background: $brand-success,
|
||||
color: $brand-text
|
||||
),
|
||||
4: (
|
||||
background: $brand-primary,
|
||||
color: $brand-text
|
||||
),
|
||||
5: (
|
||||
background: $brand-warning,
|
||||
color: $brand-text
|
||||
),
|
||||
6: (
|
||||
background: mix($brand-success, $brand-info, 50%),
|
||||
color: $brand-text
|
||||
),
|
||||
7: (
|
||||
background: mix($brand-primary, $brand-warning, 50%),
|
||||
color: $brand-text
|
||||
)
|
||||
1: (
|
||||
background: $brand-danger,
|
||||
color: $brand-text
|
||||
),
|
||||
2: (
|
||||
background: $brand-info,
|
||||
color: $brand-text
|
||||
),
|
||||
3: (
|
||||
background: $brand-success,
|
||||
color: $brand-text
|
||||
),
|
||||
4: (
|
||||
background: $brand-primary,
|
||||
color: $brand-text
|
||||
),
|
||||
5: (
|
||||
background: $brand-warning,
|
||||
color: $brand-text
|
||||
),
|
||||
6: (
|
||||
background: mix($brand-success, $brand-info, 50%),
|
||||
color: $brand-text
|
||||
),
|
||||
7: (
|
||||
background: mix($brand-primary, $brand-warning, 50%),
|
||||
color: $brand-text
|
||||
)
|
||||
) !default;
|
||||
$tracker-custom-colors-map: () !default;
|
||||
$tracker-colors-map: map-merge($tracker-default-colors-map, $tracker-custom-colors-map);
|
||||
@@ -452,7 +452,7 @@ $panel-bg: #f9f9f9 !default;
|
||||
$panel-border: #ccc !default;
|
||||
$panel-border-radius: $border-radius-base !default;
|
||||
$panel-shadow: 0 1px 2px rgba(#000, .1),
|
||||
0 3px 8px rgba(#000, .07) !default;
|
||||
0 3px 8px rgba(#000, .07) !default;
|
||||
|
||||
|
||||
//== Tooltips
|
||||
|
||||
@@ -3,32 +3,32 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#admin-menu {
|
||||
#admin-index > & {
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: ($sidebar-padding-vertical + 1px) ($sidebar-padding-horizontal + 3px);
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding-left: 5px + 20px;
|
||||
background-position: 0 center;
|
||||
}
|
||||
#admin-index > & {
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
|
||||
> a {
|
||||
padding-left: $sidebar-padding-horizontal + 5px + 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: $sidebar-padding-horizontal center;
|
||||
}
|
||||
padding: ($sidebar-padding-vertical + 1px) ($sidebar-padding-horizontal + 3px);
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding-left: 5px + 20px;
|
||||
background-position: 0 center;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
|
||||
> a {
|
||||
padding-left: $sidebar-padding-horizontal + 5px + 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: $sidebar-padding-horizontal center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -37,9 +37,9 @@
|
||||
|
||||
table.members,
|
||||
table.memberships {
|
||||
td.roles {
|
||||
width: 45%;
|
||||
}
|
||||
td.roles {
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -47,12 +47,12 @@ table.memberships {
|
||||
//
|
||||
|
||||
table.permissions {
|
||||
td.role {
|
||||
color: $gray;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
td.role {
|
||||
color: $gray;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -60,28 +60,28 @@ table.permissions {
|
||||
//
|
||||
|
||||
table.transitions {
|
||||
td.enabled {
|
||||
background: $state-success;
|
||||
}
|
||||
td.enabled {
|
||||
background: $state-success;
|
||||
}
|
||||
}
|
||||
|
||||
#workflow_copy_form select {
|
||||
width: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#workflow_form table select {
|
||||
width: 90%;
|
||||
min-width: 60px;
|
||||
width: 90%;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
table.fields_permissions {
|
||||
td.readonly {
|
||||
background: $gray-light;
|
||||
}
|
||||
td.readonly {
|
||||
background: $gray-light;
|
||||
}
|
||||
|
||||
td.required {
|
||||
background: $state-danger;
|
||||
}
|
||||
td.required {
|
||||
background: $state-danger;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -89,16 +89,16 @@ table.fields_permissions {
|
||||
//
|
||||
|
||||
.controller-enumerations.action-index {
|
||||
#content {
|
||||
> h3,
|
||||
> .list {
|
||||
margin-bottom: $line-height-computed / 2;
|
||||
}
|
||||
|
||||
> p {
|
||||
margin-bottom: $line-height-computed * 2;
|
||||
}
|
||||
#content {
|
||||
> h3,
|
||||
> .list {
|
||||
margin-bottom: $line-height-computed / 2;
|
||||
}
|
||||
|
||||
> p {
|
||||
margin-bottom: $line-height-computed * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -106,7 +106,7 @@ table.fields_permissions {
|
||||
//
|
||||
|
||||
fieldset.settings label {
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
@@ -114,9 +114,9 @@ fieldset.settings label {
|
||||
//
|
||||
|
||||
fieldset#notified_events {
|
||||
.parent {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.parent {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -124,11 +124,11 @@ fieldset#notified_events {
|
||||
//
|
||||
|
||||
.settings.enabled_scm {
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td.scm_name {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
td.scm_name {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,151 +3,151 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: $body-bg;
|
||||
color: $text-color;
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
line-height: $line-height-base;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: $body-bg;
|
||||
color: $text-color;
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
line-height: $line-height-base;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link-color;
|
||||
text-decoration: none;
|
||||
color: $link-color;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
|
||||
&.issue.closed {
|
||||
color: $link-color-issue-closed;
|
||||
text-decoration: $link-closed-decoration;
|
||||
}
|
||||
&.issue.closed {
|
||||
color: $link-color-issue-closed;
|
||||
text-decoration: $link-closed-decoration;
|
||||
}
|
||||
|
||||
&.project.closed {
|
||||
color: $link-color-project-closed;
|
||||
}
|
||||
&.project.closed {
|
||||
color: $link-color-project-closed;
|
||||
}
|
||||
|
||||
&.user.locked {
|
||||
color: $link-color-user-locked;
|
||||
}
|
||||
&.user.locked {
|
||||
color: $link-color-user-locked;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
font-size: 2em; // ~28px
|
||||
line-height: 30px;
|
||||
margin: 0;
|
||||
font-size: 2em; // ~28px
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: 1.43em; // ~20px
|
||||
font-weight: 500;
|
||||
line-height: $line-height-computed;
|
||||
margin-top: 0;
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: 1.43em; // ~20px
|
||||
font-weight: 500;
|
||||
line-height: $line-height-computed;
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: 1.14em; // ~16px
|
||||
font-weight: 500;
|
||||
line-height: $line-height-computed;
|
||||
margin-top: 0;
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: 1.14em; // ~16px
|
||||
font-weight: 500;
|
||||
line-height: $line-height-computed;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-top: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
margin-top: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 ($line-height-computed / 2);
|
||||
margin: 0 0 ($line-height-computed / 2);
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-small;
|
||||
}
|
||||
|
||||
table {
|
||||
th,
|
||||
td {
|
||||
padding: $table-condensed-cell-padding $table-cell-padding;
|
||||
}
|
||||
th,
|
||||
td {
|
||||
padding: $table-condensed-cell-padding $table-cell-padding;
|
||||
}
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: ($line-height-computed / 2);
|
||||
margin-top: 0;
|
||||
margin-bottom: ($line-height-computed / 2);
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: $line-height-computed;
|
||||
margin-top: 0;
|
||||
margin-bottom: $line-height-computed;
|
||||
}
|
||||
|
||||
dt {
|
||||
margin-top: $line-height-computed;
|
||||
font-weight: $font-weight-bold;
|
||||
margin-top: $line-height-computed;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: $line-height-computed;
|
||||
margin-left: $line-height-computed;
|
||||
margin-bottom: $line-height-computed;
|
||||
margin-left: $line-height-computed;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: $font-family-monospace;
|
||||
font-size: 1em;
|
||||
font-family: $font-family-monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: $line-height-computed;
|
||||
margin-bottom: $line-height-computed;
|
||||
border: 0;
|
||||
border-top: 1px solid $hr-border;
|
||||
margin-top: $line-height-computed;
|
||||
margin-bottom: $line-height-computed;
|
||||
border: 0;
|
||||
border-top: 1px solid $hr-border;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted $abbr-border-color;
|
||||
cursor: help;
|
||||
border-bottom: 1px dotted $abbr-border-color;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 $line-height-computed;
|
||||
padding: floor($line-height-computed / 4) $padding-large-horizontal;
|
||||
border-left: 4px solid $blockquote-border-color;
|
||||
margin: 0 0 $line-height-computed;
|
||||
padding: floor($line-height-computed / 4) $padding-large-horizontal;
|
||||
border-left: 4px solid $blockquote-border-color;
|
||||
|
||||
>:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
>:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
>:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
>:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.clear {
|
||||
@extend %clearfix;
|
||||
@extend %clearfix;
|
||||
}
|
||||
|
||||
@@ -5,35 +5,35 @@
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
button {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
border: 1px solid;
|
||||
font-weight: $btn-font-weight;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
@include button-size($btn-padding-vertical, $btn-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
||||
@include user-select(none);
|
||||
@include transition(background-color ease-in-out .07s, border-color ease-in-out .07s, box-shadow ease-in-out .07s);
|
||||
@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
border: 1px solid;
|
||||
font-weight: $btn-font-weight;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
@include button-size($btn-padding-vertical, $btn-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
||||
@include user-select(none);
|
||||
@include transition(background-color ease-in-out .07s, border-color ease-in-out .07s, box-shadow ease-in-out .07s);
|
||||
@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: 0;
|
||||
}
|
||||
&:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
pointer-events: none; // Future-proof disabling of clicks
|
||||
box-shadow: none;
|
||||
@include opacity(.65);
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
pointer-events: none; // Future-proof disabling of clicks
|
||||
box-shadow: none;
|
||||
@include opacity(.65);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -41,21 +41,21 @@ button {
|
||||
//
|
||||
|
||||
form {
|
||||
input[type="submit"] {
|
||||
margin-right: 5px;
|
||||
input[type="submit"] {
|
||||
margin-right: 5px;
|
||||
|
||||
+ input {
|
||||
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
|
||||
}
|
||||
|
||||
+ a {
|
||||
margin-right: 5px;
|
||||
|
||||
+ a {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
+ input {
|
||||
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
|
||||
}
|
||||
|
||||
+ a {
|
||||
margin-right: 5px;
|
||||
|
||||
+ a {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -63,7 +63,7 @@ form {
|
||||
//
|
||||
|
||||
form[action*="repository/diff"] {
|
||||
margin-bottom: $line-height-computed / 2;
|
||||
margin-bottom: $line-height-computed / 2;
|
||||
}
|
||||
|
||||
|
||||
@@ -72,12 +72,12 @@ form[action*="repository/diff"] {
|
||||
|
||||
#message-form,
|
||||
#news-form {
|
||||
#message_sticky,
|
||||
#message_locked {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
#message_sticky,
|
||||
#message_locked {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -87,39 +87,39 @@ form[action*="repository/diff"] {
|
||||
p.buttons,
|
||||
.other-formats > span,
|
||||
#wiki_add_attachment > p {
|
||||
> a {
|
||||
display: inline-block;
|
||||
padding: $input-padding-vertical $input-padding-horizontal;
|
||||
border: 1px solid $pagination-border;
|
||||
border-radius: $input-border-radius;
|
||||
background-color: $pagination-bg;
|
||||
text-shadow: 1px 1px 0 #fff;
|
||||
> a {
|
||||
display: inline-block;
|
||||
padding: $input-padding-vertical $input-padding-horizontal;
|
||||
border: 1px solid $pagination-border;
|
||||
border-radius: $input-border-radius;
|
||||
background-color: $pagination-bg;
|
||||
text-shadow: 1px 1px 0 #fff;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $pagination-hover-border;
|
||||
outline: 0;
|
||||
background-color: $pagination-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: 0;
|
||||
box-shadow: inset 0 3px 4px -2px rgba(#000, .1);
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
&.icon {
|
||||
padding-left: 20px + $padding-small-vertical + $input-padding-vertical;
|
||||
}
|
||||
} @else {
|
||||
&.icon,
|
||||
&.atom {
|
||||
padding-left: 20px + $input-padding-vertical;
|
||||
background-position: $padding-small-vertical 50%;
|
||||
}
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $pagination-hover-border;
|
||||
outline: 0;
|
||||
background-color: $pagination-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:active {
|
||||
outline: 0;
|
||||
box-shadow: inset 0 3px 4px -2px rgba(#000, .1);
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
&.icon {
|
||||
padding-left: 20px + $padding-small-vertical + $input-padding-vertical;
|
||||
}
|
||||
} @else {
|
||||
&.icon,
|
||||
&.atom {
|
||||
padding-left: 20px + $input-padding-vertical;
|
||||
background-position: $padding-small-vertical 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -127,7 +127,7 @@ p.buttons,
|
||||
//
|
||||
|
||||
p.buttons {
|
||||
margin-bottom: $line-height-computed;
|
||||
margin-bottom: $line-height-computed;
|
||||
}
|
||||
|
||||
|
||||
@@ -135,14 +135,14 @@ p.buttons {
|
||||
//
|
||||
|
||||
.other-formats {
|
||||
margin: $line-height-computed 0 0;
|
||||
text-align: right;
|
||||
margin: $line-height-computed 0 0;
|
||||
text-align: right;
|
||||
|
||||
.pagination + &,
|
||||
#wiki_add_attachment + & {
|
||||
margin-top: 0;
|
||||
float: right;
|
||||
}
|
||||
.pagination + &,
|
||||
#wiki_add_attachment + & {
|
||||
margin-top: 0;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -150,22 +150,22 @@ p.buttons {
|
||||
//
|
||||
|
||||
.query-columns {
|
||||
select {
|
||||
// scss-lint:disable ImportantRule
|
||||
width: auto !important;
|
||||
}
|
||||
select {
|
||||
// scss-lint:disable ImportantRule
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
vertical-align: middle;
|
||||
.buttons {
|
||||
vertical-align: middle;
|
||||
|
||||
input[type="button"] {
|
||||
width: 32px;
|
||||
margin-bottom: 4px;
|
||||
padding-right: 1px;
|
||||
padding-left: 1px;
|
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
|
||||
}
|
||||
input[type="button"] {
|
||||
width: 32px;
|
||||
margin-bottom: 4px;
|
||||
padding-right: 1px;
|
||||
padding-left: 1px;
|
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -174,32 +174,32 @@ p.buttons {
|
||||
|
||||
a[data-expands],
|
||||
.toggle-multiselect {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
padding: 2px 8px;
|
||||
border: 1px solid;
|
||||
border-radius: $border-radius-base;
|
||||
@extend %image-toggle-plus;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 2px 2px;
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
@include user-select(none);
|
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
|
||||
position: relative;
|
||||
top: 3px;
|
||||
padding: 2px 8px;
|
||||
border: 1px solid;
|
||||
border-radius: $border-radius-base;
|
||||
@extend %image-toggle-plus;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 2px 2px;
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
@include user-select(none);
|
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
|
||||
}
|
||||
|
||||
a[data-expands] {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
padding: 10px;
|
||||
|
||||
> .toggle-multiselect {
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
}
|
||||
> .toggle-multiselect {
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,81 +4,81 @@
|
||||
|
||||
|
||||
table.cal {
|
||||
width: 100%;
|
||||
margin-bottom: $line-height-computed;
|
||||
width: 100%;
|
||||
margin-bottom: $line-height-computed;
|
||||
border: 1px solid $table-border-color;
|
||||
|
||||
thead th {
|
||||
width: 14%;
|
||||
padding: $table-condensed-cell-padding;
|
||||
background-color: $table-bg-hover;
|
||||
|
||||
&.week-number {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
tbody tr {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: $table-condensed-cell-padding;
|
||||
border: 1px solid $table-border-color;
|
||||
font-size: $font-size-small;
|
||||
vertical-align: top;
|
||||
|
||||
thead th {
|
||||
width: 14%;
|
||||
padding: $table-condensed-cell-padding;
|
||||
background-color: $table-bg-hover;
|
||||
|
||||
&.week-number {
|
||||
width: auto;
|
||||
}
|
||||
&.week-number {
|
||||
border: 0 none;
|
||||
background-color: $table-bg-hover;
|
||||
font-size: 1em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
tbody tr {
|
||||
height: 100px;
|
||||
p.day-num {
|
||||
float: right;
|
||||
font-size: $font-size-large;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: $table-condensed-cell-padding;
|
||||
border: 1px solid $table-border-color;
|
||||
font-size: $font-size-small;
|
||||
vertical-align: top;
|
||||
|
||||
&.week-number {
|
||||
border: 0 none;
|
||||
background-color: $table-bg-hover;
|
||||
font-size: 1em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
p.day-num {
|
||||
float: right;
|
||||
font-size: $font-size-large;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&.odd p.day-num {
|
||||
color: $gray-light;
|
||||
}
|
||||
|
||||
&.today {
|
||||
background: $highlight-bg;
|
||||
|
||||
p.day-num {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
&.odd p.day-num {
|
||||
color: $gray-light;
|
||||
}
|
||||
|
||||
&.today {
|
||||
background: $highlight-bg;
|
||||
|
||||
p.day-num {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table.cal .starting a,
|
||||
p.cal.legend .starting,
|
||||
table.cal .ending a,
|
||||
p.cal.legend .ending {
|
||||
padding-left: 20px;
|
||||
background-image: url("../../../images/bullet_go.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 center;
|
||||
padding-left: 20px;
|
||||
background-image: url("../../../images/bullet_go.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 center;
|
||||
}
|
||||
|
||||
table.cal .ending a,
|
||||
p.cal.legend .ending {
|
||||
padding-left: 20px;
|
||||
background-image: url("../../../images/bullet_end.png");
|
||||
padding-left: 20px;
|
||||
background-image: url("../../../images/bullet_end.png");
|
||||
}
|
||||
|
||||
table.cal .starting.ending a,
|
||||
p.cal.legend .starting.ending {
|
||||
padding-left: 20px;
|
||||
background-image: url("../../../images/bullet_diamond.png");
|
||||
padding-left: 20px;
|
||||
background-image: url("../../../images/bullet_diamond.png");
|
||||
}
|
||||
|
||||
p.cal.legend {
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,360 +3,360 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
.syntaxhl {
|
||||
div {
|
||||
display: inline;
|
||||
}
|
||||
div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.line-numbers {
|
||||
margin: 0 5px 0 0;
|
||||
padding: 2px 4px;
|
||||
background-color: #eee;
|
||||
}
|
||||
.line-numbers {
|
||||
margin: 0 5px 0 0;
|
||||
padding: 2px 4px;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.code pre {
|
||||
overflow: auto;
|
||||
}
|
||||
.code pre {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.debug {
|
||||
// scss-lint:disable ImportantRule
|
||||
background: #00f !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.debug {
|
||||
// scss-lint:disable ImportantRule
|
||||
background: #00f !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.annotation {
|
||||
color: #007;
|
||||
}
|
||||
.annotation {
|
||||
color: #007;
|
||||
}
|
||||
|
||||
.attribute-name {
|
||||
color: #b48;
|
||||
}
|
||||
.attribute-name {
|
||||
color: #b48;
|
||||
}
|
||||
|
||||
.attribute-value {
|
||||
color: #700;
|
||||
}
|
||||
.attribute-value {
|
||||
color: #700;
|
||||
}
|
||||
|
||||
.binary {
|
||||
color: #509;
|
||||
}
|
||||
.binary {
|
||||
color: #509;
|
||||
}
|
||||
|
||||
.char {
|
||||
color: #d20;
|
||||
.char {
|
||||
color: #d20;
|
||||
|
||||
.content {
|
||||
color: #d20;
|
||||
}
|
||||
|
||||
.delimiter {
|
||||
color: #710;
|
||||
}
|
||||
}
|
||||
|
||||
.class {
|
||||
color: #795da3;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.class-variable {
|
||||
color: #369;
|
||||
}
|
||||
|
||||
.color {
|
||||
color: #0a0;
|
||||
}
|
||||
|
||||
.comment {
|
||||
color: #969896;
|
||||
|
||||
.char,
|
||||
.delimiter {
|
||||
color: #969896;
|
||||
}
|
||||
}
|
||||
|
||||
.complex {
|
||||
color: #a08;
|
||||
}
|
||||
|
||||
.constant {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.decorator {
|
||||
color: #b0b;
|
||||
}
|
||||
|
||||
.definition {
|
||||
color: #099;
|
||||
font-weight: $font-weight-bold;
|
||||
.content {
|
||||
color: #d20;
|
||||
}
|
||||
|
||||
.delimiter {
|
||||
color: #000;
|
||||
color: #710;
|
||||
}
|
||||
}
|
||||
|
||||
.class {
|
||||
color: #795da3;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.class-variable {
|
||||
color: #369;
|
||||
}
|
||||
|
||||
.color {
|
||||
color: #0a0;
|
||||
}
|
||||
|
||||
.comment {
|
||||
color: #969896;
|
||||
|
||||
.char,
|
||||
.delimiter {
|
||||
color: #969896;
|
||||
}
|
||||
}
|
||||
|
||||
.complex {
|
||||
color: #a08;
|
||||
}
|
||||
|
||||
.constant {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.decorator {
|
||||
color: #b0b;
|
||||
}
|
||||
|
||||
.definition {
|
||||
color: #099;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.delimiter {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.directive {
|
||||
color: #088;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.doc {
|
||||
color: #970;
|
||||
}
|
||||
|
||||
.doc-string {
|
||||
color: #d42;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.doctype {
|
||||
color: #34b;
|
||||
}
|
||||
|
||||
.entity {
|
||||
color: #800;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.error {
|
||||
background-color: #faa;
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.escape {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.exception {
|
||||
color: #c00;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.float {
|
||||
color: #06d;
|
||||
}
|
||||
|
||||
.function {
|
||||
color: #06b;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.global-variable {
|
||||
color: #d70;
|
||||
}
|
||||
|
||||
.hex {
|
||||
color: #02b;
|
||||
}
|
||||
|
||||
.imaginary {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.include {
|
||||
color: #b44;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.inline {
|
||||
background-color: rgba(#000, .05);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.inline-delimiter {
|
||||
color: #666;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.instance-variable {
|
||||
color: #33b;
|
||||
}
|
||||
|
||||
.integer {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.key {
|
||||
color: #606;
|
||||
|
||||
.char {
|
||||
color: #60f;
|
||||
}
|
||||
|
||||
.directive {
|
||||
color: #088;
|
||||
font-weight: $font-weight-bold;
|
||||
.delimiter {
|
||||
color: #404;
|
||||
}
|
||||
}
|
||||
|
||||
.keyword {
|
||||
color: #b3113e;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #970;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.local-variable {
|
||||
color: #369;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
color: #707;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.octal {
|
||||
color: #40e;
|
||||
}
|
||||
|
||||
.predefined {
|
||||
color: #b21;
|
||||
}
|
||||
|
||||
.predefined-constant {
|
||||
color: #009595;
|
||||
}
|
||||
|
||||
.predefined-type {
|
||||
color: #0a5;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.preprocessor {
|
||||
color: #579;
|
||||
}
|
||||
|
||||
.pseudo-class {
|
||||
color: #00c;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.regexp {
|
||||
background-color: hsla(300, 100%, 50%, .06);
|
||||
|
||||
.content {
|
||||
color: #808;
|
||||
}
|
||||
|
||||
.doc {
|
||||
color: #970;
|
||||
.delimiter {
|
||||
color: #404;
|
||||
}
|
||||
|
||||
.doc-string {
|
||||
color: #d42;
|
||||
font-weight: $font-weight-bold;
|
||||
.modifier {
|
||||
color: #c2c;
|
||||
}
|
||||
}
|
||||
|
||||
.reserved {
|
||||
color: #080;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.shell {
|
||||
background-color: hsla(120, 100%, 50%, .06);
|
||||
|
||||
.content {
|
||||
color: #2b2;
|
||||
}
|
||||
|
||||
.doctype {
|
||||
color: #34b;
|
||||
.delimiter {
|
||||
color: #161;
|
||||
}
|
||||
}
|
||||
|
||||
.entity {
|
||||
color: #800;
|
||||
font-weight: $font-weight-bold;
|
||||
.string {
|
||||
.char,
|
||||
.content,
|
||||
.delimiter,
|
||||
.modifier {
|
||||
color: #df5000;
|
||||
}
|
||||
}
|
||||
|
||||
.error {
|
||||
background-color: #faa;
|
||||
color: #f00;
|
||||
.symbol {
|
||||
color: #d33;
|
||||
|
||||
.content,
|
||||
.delimiter {
|
||||
color: #d33;
|
||||
}
|
||||
}
|
||||
|
||||
.escape {
|
||||
color: #666;
|
||||
}
|
||||
.tag {
|
||||
color: #070;
|
||||
}
|
||||
|
||||
.exception {
|
||||
color: #c00;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
.type {
|
||||
color: #339;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.float {
|
||||
color: #06d;
|
||||
}
|
||||
.value {
|
||||
color: #088;
|
||||
}
|
||||
|
||||
.function {
|
||||
color: #06b;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
.variable {
|
||||
color: #037;
|
||||
}
|
||||
|
||||
.global-variable {
|
||||
color: #d70;
|
||||
}
|
||||
|
||||
.hex {
|
||||
color: #02b;
|
||||
}
|
||||
|
||||
.imaginary {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.include {
|
||||
color: #b44;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.inline {
|
||||
background-color: rgba(#000, .05);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.inline-delimiter {
|
||||
color: #666;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.instance-variable {
|
||||
color: #33b;
|
||||
}
|
||||
|
||||
.integer {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.key {
|
||||
color: #606;
|
||||
|
||||
.char {
|
||||
color: #60f;
|
||||
}
|
||||
|
||||
.delimiter {
|
||||
color: #404;
|
||||
}
|
||||
}
|
||||
|
||||
.keyword {
|
||||
color: #b3113e;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #970;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.local-variable {
|
||||
color: #369;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
color: #707;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.octal {
|
||||
color: #40e;
|
||||
}
|
||||
|
||||
.predefined {
|
||||
color: #b21;
|
||||
}
|
||||
|
||||
.predefined-constant {
|
||||
color: #009595;
|
||||
}
|
||||
|
||||
.predefined-type {
|
||||
color: #0a5;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.preprocessor {
|
||||
color: #579;
|
||||
}
|
||||
|
||||
.pseudo-class {
|
||||
color: #00c;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.regexp {
|
||||
background-color: hsla(300, 100%, 50%, .06);
|
||||
|
||||
.content {
|
||||
color: #808;
|
||||
}
|
||||
|
||||
.delimiter {
|
||||
color: #404;
|
||||
}
|
||||
|
||||
.modifier {
|
||||
color: #c2c;
|
||||
}
|
||||
}
|
||||
|
||||
.reserved {
|
||||
color: #080;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.shell {
|
||||
background-color: hsla(120, 100%, 50%, .06);
|
||||
|
||||
.content {
|
||||
color: #2b2;
|
||||
}
|
||||
|
||||
.delimiter {
|
||||
color: #161;
|
||||
}
|
||||
}
|
||||
|
||||
.string {
|
||||
.char,
|
||||
.content,
|
||||
.delimiter,
|
||||
.modifier {
|
||||
color: #df5000;
|
||||
}
|
||||
}
|
||||
|
||||
.symbol {
|
||||
color: #d33;
|
||||
|
||||
.content,
|
||||
.delimiter {
|
||||
color: #d33;
|
||||
}
|
||||
}
|
||||
|
||||
.tag {
|
||||
color: #070;
|
||||
}
|
||||
|
||||
.type {
|
||||
color: #339;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #088;
|
||||
}
|
||||
|
||||
.variable {
|
||||
color: #037;
|
||||
}
|
||||
.insert {
|
||||
background: hsla(120, 100%, 50%, .12);
|
||||
|
||||
.insert {
|
||||
background: hsla(120, 100%, 50%, .12);
|
||||
|
||||
.insert {
|
||||
background: transparent;
|
||||
color: #0c0;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.eyecatcher {
|
||||
margin: -1px;
|
||||
border: 1px solid hsla(120, 100%, 25%, .5);
|
||||
border-top: 0 none;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: hsla(120, 100%, 50%, .2);
|
||||
}
|
||||
background: transparent;
|
||||
color: #0c0;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.eyecatcher {
|
||||
margin: -1px;
|
||||
border: 1px solid hsla(120, 100%, 25%, .5);
|
||||
border-top: 0 none;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: hsla(120, 100%, 50%, .2);
|
||||
}
|
||||
}
|
||||
|
||||
.delete {
|
||||
background: hsla(0, 100%, 50%, .12);
|
||||
|
||||
.delete {
|
||||
background: hsla(0, 100%, 50%, .12);
|
||||
|
||||
.delete {
|
||||
background: transparent;
|
||||
color: #c00;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.eyecatcher {
|
||||
margin: -1px;
|
||||
border: 1px solid hsla(0, 100%, 45%, .5);
|
||||
border-bottom: 0 none;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
background-color: hsla(0, 100%, 50%, .2);
|
||||
}
|
||||
background: transparent;
|
||||
color: #c00;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.eyecatcher {
|
||||
margin: -1px;
|
||||
border: 1px solid hsla(0, 100%, 45%, .5);
|
||||
border-bottom: 0 none;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
background-color: hsla(0, 100%, 50%, .2);
|
||||
}
|
||||
}
|
||||
|
||||
.change {
|
||||
background: #007;
|
||||
color: #bbf;
|
||||
|
||||
.change {
|
||||
background: #007;
|
||||
color: #bbf;
|
||||
|
||||
.change {
|
||||
color: #88f;
|
||||
}
|
||||
color: #88f;
|
||||
}
|
||||
}
|
||||
|
||||
.head {
|
||||
background: #505;
|
||||
color: #f8f;
|
||||
|
||||
.head {
|
||||
background: #505;
|
||||
color: #f8f;
|
||||
|
||||
.head {
|
||||
color: #f4f;
|
||||
}
|
||||
|
||||
.filename {
|
||||
color: #fff;
|
||||
}
|
||||
color: #f4f;
|
||||
}
|
||||
|
||||
.filename {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
#main {
|
||||
@if $flexbox-layout {
|
||||
// scss-lint:disable VendorPrefix
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
} @else {
|
||||
@extend %clearfix;
|
||||
}
|
||||
@if $flexbox-layout {
|
||||
// scss-lint:disable VendorPrefix
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
} @else {
|
||||
@extend %clearfix;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -15,18 +15,18 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#content {
|
||||
padding: $padding-side;
|
||||
padding: $padding-side;
|
||||
|
||||
@if $flexbox-layout {
|
||||
// scss-lint:disable VendorPrefix
|
||||
$side-space: $sidebar-width + $padding-side * 2;
|
||||
-webkit-flex: 1 1 auto;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
width: calc(100% - #{$side-space});
|
||||
} @else {
|
||||
overflow: hidden;
|
||||
}
|
||||
@if $flexbox-layout {
|
||||
// scss-lint:disable VendorPrefix
|
||||
$side-space: $sidebar-width + $padding-side * 2;
|
||||
-webkit-flex: 1 1 auto;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
width: calc(100% - #{$side-space});
|
||||
} @else {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -35,155 +35,155 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#sidebar {
|
||||
// scss-lint:disable VendorPrefix
|
||||
padding: $padding-side $sidebar-padding-horizontal;
|
||||
// scss-lint:disable VendorPrefix
|
||||
padding: $padding-side $sidebar-padding-horizontal;
|
||||
|
||||
@if $flexbox-layout {
|
||||
-webkit-flex: 0 0 $sidebar-width-computed;
|
||||
-ms-flex: 0 0 $sidebar-width-computed;
|
||||
flex: 0 0 $sidebar-width-computed;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
-webkit-order: -1;
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
} @else {
|
||||
-webkit-order: 1;
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
}
|
||||
} @else {
|
||||
width: $sidebar-width-computed;
|
||||
float: $sidebar-position;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1px) {
|
||||
@if not $flexbox-layout {
|
||||
padding-bottom: $padding-side * 3;
|
||||
}
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
border-right: 1px solid $sidebar-link-active-border;
|
||||
box-shadow: inset -9px 0 6px -6px rgba(0, 0, 0, .05);
|
||||
} @else {
|
||||
border-left: 1px solid $sidebar-link-active-border;
|
||||
box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, .05);
|
||||
}
|
||||
}
|
||||
|
||||
.nosidebar & {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
|
||||
@if $flexbox-layout {
|
||||
-webkit-flex: 0 0 $sidebar-width-computed;
|
||||
-ms-flex: 0 0 $sidebar-width-computed;
|
||||
flex: 0 0 $sidebar-width-computed;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
-webkit-order: -1;
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
} @else {
|
||||
-webkit-order: 1;
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
}
|
||||
// scss-lint:disable VendorPrefix
|
||||
-webkit-flex: 0 0 auto;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
} @else {
|
||||
width: $sidebar-width-computed;
|
||||
float: $sidebar-position;
|
||||
width: 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1px) {
|
||||
@if not $flexbox-layout {
|
||||
padding-bottom: $padding-side * 3;
|
||||
}
|
||||
h3 {
|
||||
margin-top: $line-height-computed * 1.5;
|
||||
}
|
||||
|
||||
> h3:first-child,
|
||||
> form:first-child > h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0 0 ($line-height-computed / 2);
|
||||
padding: 0;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
margin-right: -($sidebar-padding-horizontal);
|
||||
} @else {
|
||||
margin-left: -($sidebar-padding-horizontal);
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
|
||||
border: 1px solid transparent;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
border-left-width: 3px;
|
||||
border-radius: $border-radius-large 0 0 $border-radius-large;
|
||||
} @else {
|
||||
border-right-width: 3px;
|
||||
border-radius: 0 $border-radius-large $border-radius-large 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $sidebar-link-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
border-color: $sidebar-link-active-border;
|
||||
background-color: $sidebar-link-active-bg;
|
||||
color: $sidebar-link-active-text;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
border-right: 1px solid $sidebar-link-active-border;
|
||||
box-shadow: inset -9px 0 6px -6px rgba(0, 0, 0, .05);
|
||||
margin-right: -1px;
|
||||
border-right-color: $body-bg;
|
||||
border-left-color: $sidebar-link-active-side;
|
||||
box-shadow: -3px 1px 2px rgba(0, 0, 0, .1);
|
||||
} @else {
|
||||
border-left: 1px solid $sidebar-link-active-border;
|
||||
box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, .05);
|
||||
}
|
||||
}
|
||||
|
||||
.nosidebar & {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
|
||||
@if $flexbox-layout {
|
||||
// scss-lint:disable VendorPrefix
|
||||
-webkit-flex: 0 0 auto;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
} @else {
|
||||
width: 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: $line-height-computed * 1.5;
|
||||
}
|
||||
|
||||
> h3:first-child,
|
||||
> form:first-child > h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0 0 ($line-height-computed / 2);
|
||||
padding: 0;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
margin-right: -($sidebar-padding-horizontal);
|
||||
} @else {
|
||||
margin-left: -($sidebar-padding-horizontal);
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
|
||||
border: 1px solid transparent;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
border-left-width: 3px;
|
||||
border-radius: $border-radius-large 0 0 $border-radius-large;
|
||||
} @else {
|
||||
border-right-width: 3px;
|
||||
border-radius: 0 $border-radius-large $border-radius-large 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $sidebar-link-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
border-color: $sidebar-link-active-border;
|
||||
background-color: $sidebar-link-active-bg;
|
||||
color: $sidebar-link-active-text;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
margin-right: -1px;
|
||||
border-right-color: $body-bg;
|
||||
border-left-color: $sidebar-link-active-side;
|
||||
box-shadow: -3px 1px 2px rgba(0, 0, 0, .1);
|
||||
} @else {
|
||||
margin-left: -1px;
|
||||
border-right-color: $sidebar-link-active-side;
|
||||
border-left-color: $body-bg;
|
||||
box-shadow: 3px 1px 2px rgba(0, 0, 0, .1);
|
||||
}
|
||||
}
|
||||
margin-left: -1px;
|
||||
border-right-color: $sidebar-link-active-side;
|
||||
border-left-color: $body-bg;
|
||||
box-shadow: 3px 1px 2px rgba(0, 0, 0, .1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin: 0 $padding-side $line-height-computed;
|
||||
padding-top: $line-height-computed;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
color: $gray-light;
|
||||
font-size: $font-size-small;
|
||||
margin: 0 $padding-side $line-height-computed;
|
||||
padding-top: $line-height-computed;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
color: $gray-light;
|
||||
font-size: $font-size-small;
|
||||
}
|
||||
|
||||
@if $fixed-layout {
|
||||
@media screen and (min-width: $screen-sm-min) {
|
||||
#main-menu ul,
|
||||
#main {
|
||||
width: $width-sm;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@media screen and (min-width: $screen-sm-min) {
|
||||
#main-menu ul,
|
||||
#main {
|
||||
width: $width-sm;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $screen-md-min) {
|
||||
#main-menu ul,
|
||||
#main {
|
||||
width: $width-md;
|
||||
}
|
||||
@media screen and (min-width: $screen-md-min) {
|
||||
#main-menu ul,
|
||||
#main {
|
||||
width: $width-md;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $screen-lg-min) {
|
||||
#main-menu ul,
|
||||
#main {
|
||||
width: $width-lg;
|
||||
}
|
||||
@media screen and (min-width: $screen-lg-min) {
|
||||
#main-menu ul,
|
||||
#main {
|
||||
width: $width-lg;
|
||||
}
|
||||
}
|
||||
|
||||
#main-menu ul > li > a {
|
||||
padding: $main-menu-padding-vertical 1px;
|
||||
}
|
||||
#main-menu ul > li > a {
|
||||
padding: $main-menu-padding-vertical 1px;
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -8,87 +8,87 @@
|
||||
.nodata,
|
||||
.warning,
|
||||
.conflict {
|
||||
margin-bottom: $line-height-computed;
|
||||
padding: $padding-large-vertical $padding-large-horizontal;
|
||||
padding-left: $padding-large-horizontal + 8px + 16px;
|
||||
border: 1px solid;
|
||||
border-radius: $border-radius-large;
|
||||
margin-bottom: $line-height-computed;
|
||||
padding: $padding-large-vertical $padding-large-horizontal;
|
||||
padding-left: $padding-large-horizontal + 8px + 16px;
|
||||
border: 1px solid;
|
||||
border-radius: $border-radius-large;
|
||||
|
||||
@if $use-font-awesome {
|
||||
@extend %fa-icon;
|
||||
@if $use-font-awesome {
|
||||
@extend %fa-icon;
|
||||
|
||||
&::before {
|
||||
margin-left: -(8px + 16px);
|
||||
float: left;
|
||||
line-height: $line-height-computed;
|
||||
}
|
||||
} @else {
|
||||
background-repeat: no-repeat;
|
||||
background-position: $padding-large-horizontal 50%;
|
||||
&::before {
|
||||
margin-left: -(8px + 16px);
|
||||
float: left;
|
||||
line-height: $line-height-computed;
|
||||
}
|
||||
} @else {
|
||||
background-repeat: no-repeat;
|
||||
background-position: $padding-large-horizontal 50%;
|
||||
}
|
||||
|
||||
>:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
>:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin flash($color, $background, $border, $link, $icon) {
|
||||
color: $color;
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
color: $color;
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
|
||||
@if $use-font-awesome {
|
||||
@if $icon == "true" {
|
||||
$icon: $fa-var-check;
|
||||
} @elseif $icon == "warning" {
|
||||
$icon: $fa-var-warning;
|
||||
} @elseif $icon == "exclamation" {
|
||||
$icon: $fa-var-exclamation-circle;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: $icon;
|
||||
}
|
||||
} @else {
|
||||
background-image: url(../../../images/#{$icon}.png);
|
||||
@if $use-font-awesome {
|
||||
@if $icon == "true" {
|
||||
$icon: $fa-var-check;
|
||||
} @elseif $icon == "warning" {
|
||||
$icon: $fa-var-warning;
|
||||
} @elseif $icon == "exclamation" {
|
||||
$icon: $fa-var-exclamation-circle;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link;
|
||||
font-weight: $font-weight-bold;
|
||||
&::before {
|
||||
content: $icon;
|
||||
}
|
||||
} @else {
|
||||
background-image: url(../../../images/#{$icon}.png);
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
.warning,
|
||||
.conflict,
|
||||
.nodata {
|
||||
@include flash($flash-warning-text, $flash-warning-bg, $flash-warning-border, $flash-warning-link, "warning");
|
||||
@include flash($flash-warning-text, $flash-warning-bg, $flash-warning-border, $flash-warning-link, "warning");
|
||||
}
|
||||
|
||||
.flash.notice {
|
||||
@include flash($flash-success-text, $flash-success-bg, $flash-success-border, $flash-success-link, "true");
|
||||
@include flash($flash-success-text, $flash-success-bg, $flash-success-border, $flash-success-link, "true");
|
||||
}
|
||||
|
||||
#errorExplanation,
|
||||
.flash.error {
|
||||
@include flash($flash-error-text, $flash-error-bg, $flash-error-border, $flash-error-link, "exclamation");
|
||||
@include flash($flash-error-text, $flash-error-bg, $flash-error-border, $flash-error-link, "exclamation");
|
||||
}
|
||||
|
||||
.nodata {
|
||||
padding-left: $padding-large-horizontal;
|
||||
text-align: center;
|
||||
padding-left: $padding-large-horizontal;
|
||||
text-align: center;
|
||||
|
||||
@if $use-font-awesome {
|
||||
&::before {
|
||||
margin-left: 0;
|
||||
float: none;
|
||||
}
|
||||
@if $use-font-awesome {
|
||||
&::before {
|
||||
margin-left: 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#errorExplanation {
|
||||
h2,
|
||||
p {
|
||||
display: none;
|
||||
}
|
||||
h2,
|
||||
p {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -3,127 +3,127 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
.gantt_hdr {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 16px;
|
||||
border: 1px solid $gray-lighter;
|
||||
border-left-width: 0;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 16px;
|
||||
border: 1px solid $gray-lighter;
|
||||
border-left-width: 0;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
|
||||
&.nwday {
|
||||
background-color: $gray-lightest;
|
||||
}
|
||||
&.nwday {
|
||||
background-color: $gray-lightest;
|
||||
}
|
||||
}
|
||||
|
||||
.gantt_subjects {
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-small;
|
||||
|
||||
div {
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
@include text-overflow;
|
||||
}
|
||||
div {
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
@include text-overflow;
|
||||
}
|
||||
}
|
||||
|
||||
.task {
|
||||
position: absolute;
|
||||
height: 8px;
|
||||
margin: 2px 0 0;
|
||||
padding: 0;
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
position: absolute;
|
||||
height: 8px;
|
||||
margin: 2px 0 0;
|
||||
padding: 0;
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
|
||||
&.label {
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
&.label {
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
|
||||
&.project,
|
||||
&.version {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
&.project,
|
||||
&.version {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
&.parent {
|
||||
height: 3px;
|
||||
&.parent {
|
||||
height: 3px;
|
||||
|
||||
&.marker {
|
||||
&.starting {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: 0;
|
||||
width: 8px;
|
||||
height: 16px;
|
||||
margin-left: -4px;
|
||||
background: url("../../../images/task_parent_end.png") no-repeat 0 0;
|
||||
}
|
||||
&.marker {
|
||||
&.starting {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: 0;
|
||||
width: 8px;
|
||||
height: 16px;
|
||||
margin-left: -4px;
|
||||
background: url("../../../images/task_parent_end.png") no-repeat 0 0;
|
||||
}
|
||||
|
||||
&.ending {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
right: 0;
|
||||
width: 8px;
|
||||
height: 16px;
|
||||
margin-left: -4px;
|
||||
background: url("../../../images/task_parent_end.png") no-repeat 0 0;
|
||||
}
|
||||
}
|
||||
&.ending {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
right: 0;
|
||||
width: 8px;
|
||||
height: 16px;
|
||||
margin-left: -4px;
|
||||
background: url("../../../images/task_parent_end.png") no-repeat 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.task_late {
|
||||
border: 1px solid darken($progress-bar-danger-bg, 10%);
|
||||
background-color: $progress-bar-danger-bg;
|
||||
border: 1px solid darken($progress-bar-danger-bg, 10%);
|
||||
background-color: $progress-bar-danger-bg;
|
||||
}
|
||||
|
||||
.task_done {
|
||||
border: 1px solid darken($progress-bar-success-bg, 10%);
|
||||
background-color: $progress-bar-success-bg;
|
||||
border: 1px solid darken($progress-bar-success-bg, 10%);
|
||||
background-color: $progress-bar-success-bg;
|
||||
}
|
||||
|
||||
.task_todo {
|
||||
border: 1px solid darken($progress-bg, 20%);
|
||||
background-color: $progress-bg;
|
||||
border: 1px solid darken($progress-bg, 20%);
|
||||
background-color: $progress-bg;
|
||||
|
||||
&.parent {
|
||||
border: 1px solid darken($progress-bg, 30%);
|
||||
background-color: darken($progress-bg, 10%);
|
||||
}
|
||||
&.parent {
|
||||
border: 1px solid darken($progress-bg, 30%);
|
||||
background-color: darken($progress-bg, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.project,
|
||||
.version {
|
||||
&.task_late,
|
||||
&.task_done,
|
||||
&.task_todo {
|
||||
height: 2px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
&.task_late,
|
||||
&.task_done,
|
||||
&.task_todo {
|
||||
height: 2px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
&.task_todo {
|
||||
border: 1px solid darken($progress-bar-info-bg, 10%);
|
||||
background-color: $progress-bar-info-bg;
|
||||
}
|
||||
&.task_todo {
|
||||
border: 1px solid darken($progress-bar-info-bg, 10%);
|
||||
background-color: $progress-bar-info-bg;
|
||||
}
|
||||
|
||||
&.marker {
|
||||
margin-top: 1px;
|
||||
margin-left: -4px;
|
||||
border: 0 none;
|
||||
background-image: url("../../../images/version_marker.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
&.marker {
|
||||
margin-top: 1px;
|
||||
margin-left: -4px;
|
||||
border: 0 none;
|
||||
background-image: url("../../../images/version_marker.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
.version-behind-schedule,
|
||||
.issue-behind-schedule {
|
||||
color: $brand-warning;
|
||||
color: $brand-warning;
|
||||
}
|
||||
|
||||
.version-overdue,
|
||||
.issue-overdue,
|
||||
.project-overdue {
|
||||
color: $brand-danger;
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
|
||||
@@ -131,38 +131,38 @@
|
||||
//
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
z-index: 24;
|
||||
position: relative;
|
||||
z-index: 24;
|
||||
|
||||
&:hover {
|
||||
z-index: 25;
|
||||
|
||||
.tip {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
z-index: 25;
|
||||
|
||||
.tip {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
left: 24px;
|
||||
width: 270px;
|
||||
padding: $padding-base-vertical;
|
||||
border: $tooltip-border-width solid $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-text;
|
||||
font-size: $font-size-small;
|
||||
text-align: left;
|
||||
@include nice-shadow(3);
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
tr > td:last-child & {
|
||||
.tip {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.tip {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
left: 24px;
|
||||
width: 270px;
|
||||
padding: $padding-base-vertical;
|
||||
border: $tooltip-border-width solid $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-text;
|
||||
font-size: $font-size-small;
|
||||
text-align: left;
|
||||
@include nice-shadow(3);
|
||||
}
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
tr > td:last-child & {
|
||||
.tip {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,18 +3,18 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
img.gravatar {
|
||||
border-radius: $border-radius-large;
|
||||
line-height: 1;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
border-radius: $border-radius-large;
|
||||
line-height: 1;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
|
||||
h2 &,
|
||||
h3 &,
|
||||
h4 & {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
h2 &,
|
||||
h3 &,
|
||||
h4 & {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -22,16 +22,16 @@ img.gravatar {
|
||||
//
|
||||
|
||||
.username img.gravatar {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-right: .5em;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-right: .5em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
//== Gravatar
|
||||
// Used on 12px Gravatar img tags without the icon background
|
||||
|
||||
.icon-gravatar {
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -4,41 +4,41 @@
|
||||
|
||||
// ACI = AutoComplete Indicator
|
||||
%image-aci {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAKBAMAAAAnY0GXAAAAD1BMVEUAAACzs7Ozs7Ozs7Ozs7NJvZFvAAAABHRSTlMA5kpJG2qUMwAAABtJREFUCNdjIBMYCkMRDIg4QhBuAUUhKCIPAAAlaQNk5qF21gAAAABJRU5ErkJggg==);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAKBAMAAAAnY0GXAAAAD1BMVEUAAACzs7Ozs7Ozs7Ozs7NJvZFvAAAABHRSTlMA5kpJG2qUMwAAABtJREFUCNdjIBMYCkMRDIg4QhBuAUUhKCIPAAAlaQNk5qF21gAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-up {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFe2wwFmA2CKQAAAArSURBVAjXYyASGBlAGYoKEJpNUAzCKBEUKQDRzIGCgsEgBpOgoKAQA5kAAOOzAuqv1pGxAAAAAElFTkSuQmCC);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFe2wwFmA2CKQAAAArSURBVAjXYyASGBlAGYoKEJpNUAzCKBEUKQDRzIGCgsEgBpOgoKAQA5kAAOOzAuqv1pGxAAAAAElFTkSuQmCC);
|
||||
}
|
||||
|
||||
%image-arrow-right {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAgF1mUUUMBwa6cf6pAAAAIklEQVQI12PADwJgDBEYQ1ADxhBOgDIEFdBF1GG6EOYQCQC/wwKE7b2bNAAAAABJRU5ErkJggg==);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAgF1mUUUMBwa6cf6pAAAAIklEQVQI12PADwJgDBEYQ1ADxhBOgDIEFdBF1GG6EOYQCQC/wwKE7b2bNAAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-down {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFbDAWVn1ccuIAAAAsSURBVAjXYyANMAkKCgqBGMyOgoLOYKFEQcEEMINVUBSqSlEByjA3YCARAADFOwKnW3vw7AAAAABJRU5ErkJggg==);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFbDAWVn1ccuIAAAAsSURBVAjXYyANMAkKCgqBGMyOgoLOYKFEQcEEMINVUBSqSlEByjA3YCARAADFOwKnW3vw7AAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-left {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgF1mUUUMBtml7EIAAAAjSURBVAjXYyAAWGEMRyhdJAih2QyhDCZBhAhcDVwXwhziAACuywJHmKAVPgAAAABJRU5ErkJggg==);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgF1mUUUMBtml7EIAAAAjSURBVAjXYyAAWGEMRyhdJAih2QyhDCZBhAhcDVwXwhziAACuywJHmKAVPgAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-up-white {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4Xu2SMQqAMAxFVUxOID2FQ+9R3cRjesX4A5lCoaUFB2nhkeQPLxQyi8jU8xbwYwGBC1CrIIFda4sgKq6vFgS/1eZQI2BwZ/5NlnNJcIAtt8ny04ermx/l4zsYgheccgigTIfmMAAAAABJRU5ErkJggg==);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4Xu2SMQqAMAxFVUxOID2FQ+9R3cRjesX4A5lCoaUFB2nhkeQPLxQyi8jU8xbwYwGBC1CrIIFda4sgKq6vFgS/1eZQI2BwZ/5NlnNJcIAtt8ny04ermx/l4zsYgheccgigTIfmMAAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-down-white {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAgFIFbBZWMTBl3YBFAAAALElEQVQI12MgDTAJCgoKgRjMjoKCzmChQEHBADCDQ1AcqkpRAcowM2AgEQAAvM4CiwrixCQAAAAASUVORK5CYII=);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAgFIFbBZWMTBl3YBFAAAALElEQVQI12MgDTAJCgoKgRjMjoKCzmChQEHBADCDQ1AcqkpRAcowM2AgEQAAvM4CiwrixCQAAAAASUVORK5CYII=);
|
||||
}
|
||||
|
||||
%image-calendar {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAIVBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUMftYpAAAACnRSTlMArIDn/dahwzIKIC4f+wAAADxJREFUCNdjYEhJACEGBk8HEGIQXrDYeMFiAYZVK1YB0QKGVSAApBcwMQgwMSDohaKChqKCxItXgc0pAADUBx5bh1ZBCgAAAABJRU5ErkJggg==);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAIVBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUMftYpAAAACnRSTlMArIDn/dahwzIKIC4f+wAAADxJREFUCNdjYEhJACEGBk8HEGIQXrDYeMFiAYZVK1YB0QKGVSAApBcwMQgwMSDohaKChqKCxItXgc0pAADUBx5bh1ZBCgAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-toggle-minus {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAgJsrThgAAAAQSURBVAjXY8AK+D+AEDYAAC8fAf+FxiPoAAAAAElFTkSuQmCC);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAgJsrThgAAAAQSURBVAjXY8AK+D+AEDYAAC8fAf+FxiPoAAAAAElFTkSuQmCC);
|
||||
}
|
||||
|
||||
%image-toggle-plus {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAgJsrThgAAAAVSURBVAjXY0AGjA1QxP8BiBBcJAAAdjIFBZTfDZQAAAAASUVORK5CYII=);
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAgJsrThgAAAAVSURBVAjXY0AGjA1QxP8BiBBcJAAAdjIFBZTfDZQAAAAASUVORK5CYII=);
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -7,14 +7,14 @@
|
||||
//
|
||||
|
||||
.ui-widget {
|
||||
&,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
button {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
&,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
button {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -22,43 +22,43 @@
|
||||
//
|
||||
|
||||
.ui-widget-content {
|
||||
border: 1px solid $panel-border;
|
||||
background: $body-bg;
|
||||
color: $text-color;
|
||||
border: 1px solid $panel-border;
|
||||
background: $body-bg;
|
||||
color: $text-color;
|
||||
|
||||
a {
|
||||
color: $text-color;
|
||||
}
|
||||
a {
|
||||
color: $text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-widget-header {
|
||||
border: 0 none;
|
||||
background: $header-bg;
|
||||
border: 0 none;
|
||||
background: $header-bg;
|
||||
color: $header-text;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
a {
|
||||
color: $header-text;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $header-text;
|
||||
a,
|
||||
button {
|
||||
&.ui-state-default {
|
||||
border-color: $header-bg;
|
||||
background: $header-bg;
|
||||
color: $header-text;
|
||||
}
|
||||
|
||||
a,
|
||||
button {
|
||||
&.ui-state-default {
|
||||
border-color: $header-bg;
|
||||
background: $header-bg;
|
||||
color: $header-text;
|
||||
}
|
||||
|
||||
&.ui-state-hover,
|
||||
&.ui-state-focus {
|
||||
border-color: darken($header-bg, 12%);
|
||||
background: darken($header-bg, 10%);
|
||||
}
|
||||
|
||||
.ui-icon {
|
||||
background-image: url("/stylesheets/jquery/images/ui-icons_ffffff_256x240.png");
|
||||
}
|
||||
&.ui-state-hover,
|
||||
&.ui-state-focus {
|
||||
border-color: darken($header-bg, 12%);
|
||||
background: darken($header-bg, 10%);
|
||||
}
|
||||
|
||||
.ui-icon {
|
||||
background-image: url("/stylesheets/jquery/images/ui-icons_ffffff_256x240.png");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -68,18 +68,18 @@
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
border: 1px solid $component-border;
|
||||
background: $component-bg;
|
||||
color: $component-color;
|
||||
font-weight: normal;
|
||||
box-shadow: none;
|
||||
border: 1px solid $component-border;
|
||||
background: $component-bg;
|
||||
color: $component-color;
|
||||
font-weight: normal;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ui-state-default a,
|
||||
.ui-state-default a:link,
|
||||
.ui-state-default a:visited {
|
||||
color: $component-color;
|
||||
text-decoration: none;
|
||||
color: $component-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-state-hover,
|
||||
@@ -88,10 +88,10 @@
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus {
|
||||
border: 1px solid $component-active-border;
|
||||
background: $component-active-bg;
|
||||
color: $component-active-color;
|
||||
font-weight: normal;
|
||||
border: 1px solid $component-active-border;
|
||||
background: $component-active-bg;
|
||||
color: $component-active-color;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ui-state-hover a,
|
||||
@@ -102,32 +102,32 @@
|
||||
.ui-state-focus a:hover,
|
||||
.ui-state-focus a:link,
|
||||
.ui-state-focus a:visited {
|
||||
color: $component-active-color;
|
||||
text-decoration: none;
|
||||
color: $component-active-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active {
|
||||
border: 1px solid $component-active-border;
|
||||
background: $component-active-bg;
|
||||
color: $component-active-color;
|
||||
font-weight: normal;
|
||||
border: 1px solid $component-active-border;
|
||||
background: $component-active-bg;
|
||||
color: $component-active-color;
|
||||
font-weight: normal;
|
||||
|
||||
.ui-icon {
|
||||
background-image: url("/stylesheets/jquery/images/ui-icons_ffffff_256x240.png");
|
||||
}
|
||||
.ui-icon {
|
||||
background-image: url("/stylesheets/jquery/images/ui-icons_ffffff_256x240.png");
|
||||
}
|
||||
}
|
||||
|
||||
.ui-state-active a,
|
||||
.ui-state-active a:link,
|
||||
.ui-state-active a:visited {
|
||||
color: $component-active-color;
|
||||
text-decoration: none;
|
||||
color: $component-active-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-sortable-helper {
|
||||
@include nice-shadow(4);
|
||||
@include nice-shadow(4);
|
||||
}
|
||||
|
||||
|
||||
@@ -135,13 +135,13 @@
|
||||
//
|
||||
|
||||
.ui-menu {
|
||||
padding: 3px;
|
||||
border-radius: $panel-border-radius;
|
||||
@include nice-shadow(2);
|
||||
padding: 3px;
|
||||
border-radius: $panel-border-radius;
|
||||
@include nice-shadow(2);
|
||||
}
|
||||
|
||||
.ui-menu-item {
|
||||
border-radius: $panel-border-radius;
|
||||
border-radius: $panel-border-radius;
|
||||
}
|
||||
|
||||
|
||||
@@ -149,41 +149,41 @@
|
||||
//
|
||||
|
||||
.modal {
|
||||
background: $body-bg;
|
||||
z-index: 50;
|
||||
background: $body-bg;
|
||||
z-index: 50;
|
||||
|
||||
h3.title {
|
||||
display: none;
|
||||
}
|
||||
h3.title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
p.buttons {
|
||||
margin-bottom: 0;
|
||||
text-align: right;
|
||||
}
|
||||
p.buttons {
|
||||
margin-bottom: 0;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-dialog {
|
||||
&.ui-widget-content {
|
||||
padding: 3px;
|
||||
border: 0 none;
|
||||
@include nice-shadow(5);
|
||||
}
|
||||
&.ui-widget-content {
|
||||
padding: 3px;
|
||||
border: 0 none;
|
||||
@include nice-shadow(5);
|
||||
}
|
||||
|
||||
.ui-dialog-content {
|
||||
padding: 1em;
|
||||
}
|
||||
.ui-dialog-content {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.ui-dialog-titlebar-close {
|
||||
right: .5em;
|
||||
}
|
||||
.ui-dialog-titlebar-close {
|
||||
right: .5em;
|
||||
}
|
||||
|
||||
input[type="button"] {
|
||||
@include button-variant($btn-link-color, $btn-link-bg, $btn-link-border);
|
||||
}
|
||||
input[type="button"] {
|
||||
@include button-variant($btn-link-color, $btn-link-bg, $btn-link-border);
|
||||
}
|
||||
}
|
||||
|
||||
.ui-widget-overlay {
|
||||
background: #000;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
|
||||
@@ -191,110 +191,110 @@
|
||||
//
|
||||
|
||||
img.ui-datepicker-trigger {
|
||||
margin-left: 4px;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
margin-left: 4px;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ui-datepicker {
|
||||
padding: .3em .6em .6em;
|
||||
padding: .3em .6em .6em;
|
||||
border: 0 none;
|
||||
@include nice-shadow(3);
|
||||
|
||||
.ui-datepicker-header {
|
||||
margin: 0 -.3em;
|
||||
padding: .3em;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev {
|
||||
left: .3em;
|
||||
}
|
||||
|
||||
.ui-datepicker-next {
|
||||
right: .3em;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev,
|
||||
.ui-datepicker-next {
|
||||
top: .3em;
|
||||
border: 0 none;
|
||||
@include nice-shadow(3);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ui-datepicker-header {
|
||||
margin: 0 -.3em;
|
||||
padding: .3em;
|
||||
.ui-datepicker-title {
|
||||
margin: 0 (1.8em + .3em);
|
||||
}
|
||||
|
||||
select.ui-datepicker-month,
|
||||
select.ui-datepicker-year {
|
||||
width: 49%;
|
||||
height: 1.8em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
select.ui-datepicker-year {
|
||||
margin-left: 1%;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar {
|
||||
margin: 0;
|
||||
table-layout: fixed;
|
||||
|
||||
.ui-state-default {
|
||||
border-color: $body-bg;
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev {
|
||||
left: .3em;
|
||||
.ui-state-focus,
|
||||
.ui-state-hover {
|
||||
border-color: $component-active-bg;
|
||||
background: $component-active-bg;
|
||||
color: $component-active-color;
|
||||
}
|
||||
|
||||
.ui-datepicker-next {
|
||||
right: .3em;
|
||||
.ui-state-active {
|
||||
border-color: $highlight-border;
|
||||
background: $highlight-bg;
|
||||
color: $highlight-text;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev,
|
||||
.ui-datepicker-next {
|
||||
top: .3em;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
.ui-datepicker-today {
|
||||
.ui-state-highlight {
|
||||
border-color: $component-active-border;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-datepicker-title {
|
||||
margin: 0 (1.8em + .3em);
|
||||
.ui-datepicker-current-day {
|
||||
.ui-state-active {
|
||||
border-color: $highlight-border;
|
||||
}
|
||||
}
|
||||
|
||||
select.ui-datepicker-month,
|
||||
select.ui-datepicker-year {
|
||||
width: 49%;
|
||||
height: 1.8em;
|
||||
margin: 0;
|
||||
td {
|
||||
padding: 0 1px 1px 0;
|
||||
text-align: right;
|
||||
|
||||
a {
|
||||
padding-right: .4em;
|
||||
padding-left: 0;
|
||||
border-radius: $border-radius-base;
|
||||
}
|
||||
|
||||
&.ui-datepicker-week-col {
|
||||
padding-right: $table-condensed-cell-padding;
|
||||
color: $gray-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
select.ui-datepicker-year {
|
||||
margin-left: 1%;
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar {
|
||||
margin: 0;
|
||||
table-layout: fixed;
|
||||
|
||||
.ui-state-default {
|
||||
border-color: $body-bg;
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
.ui-state-focus,
|
||||
.ui-state-hover {
|
||||
border-color: $component-active-bg;
|
||||
background: $component-active-bg;
|
||||
color: $component-active-color;
|
||||
}
|
||||
|
||||
.ui-state-active {
|
||||
border-color: $highlight-border;
|
||||
background: $highlight-bg;
|
||||
color: $highlight-text;
|
||||
}
|
||||
|
||||
.ui-datepicker-today {
|
||||
.ui-state-highlight {
|
||||
border-color: $component-active-border;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-datepicker-current-day {
|
||||
.ui-state-active {
|
||||
border-color: $highlight-border;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0 1px 1px 0;
|
||||
text-align: right;
|
||||
|
||||
a {
|
||||
padding-right: .4em;
|
||||
padding-left: 0;
|
||||
border-radius: $border-radius-base;
|
||||
}
|
||||
|
||||
&.ui-datepicker-week-col {
|
||||
padding-right: $table-condensed-cell-padding;
|
||||
color: $gray-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-datepicker-buttonpane {
|
||||
margin: .6em 0 0;
|
||||
padding: .6em 0 0;
|
||||
@include clearfix;
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
padding: $btn-padding-vertical $btn-padding-horizontal;
|
||||
}
|
||||
.ui-datepicker-buttonpane {
|
||||
margin: .6em 0 0;
|
||||
padding: .6em 0 0;
|
||||
@include clearfix;
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
padding: $btn-padding-vertical $btn-padding-horizontal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,173 +3,173 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
.jstElements {
|
||||
@extend %clearfix;
|
||||
@extend %clearfix;
|
||||
|
||||
.box & {
|
||||
padding: 0;
|
||||
|
||||
button {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.jstSpacer {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md) {
|
||||
.jstb_help {
|
||||
margin-right: 0;
|
||||
margin-left: -6px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-lg) {
|
||||
button {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.jstSpacer {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box & {
|
||||
padding: 0;
|
||||
|
||||
button {
|
||||
margin-bottom: 5px;
|
||||
box-shadow: none;
|
||||
vertical-align: top;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.jstSpacer {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md) {
|
||||
.jstb_help {
|
||||
margin-right: 0;
|
||||
margin-left: -6px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-lg) {
|
||||
button {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.jstSpacer {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
margin-bottom: 5px;
|
||||
box-shadow: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
.jstElements {
|
||||
%jstb-icon {
|
||||
padding: 0;
|
||||
background: $body-bg;
|
||||
background-image: none;
|
||||
color: $btn-default-color;
|
||||
@include fa-icon();
|
||||
.jstElements {
|
||||
%jstb-icon {
|
||||
padding: 0;
|
||||
background: $body-bg;
|
||||
background-image: none;
|
||||
color: $btn-default-color;
|
||||
@include fa-icon();
|
||||
|
||||
&::before {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.jstb_strong {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-bold; }
|
||||
}
|
||||
|
||||
.jstb_em {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-italic; }
|
||||
}
|
||||
|
||||
.jstb_ins {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-underline; }
|
||||
}
|
||||
|
||||
.jstb_del {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-strikethrough; }
|
||||
}
|
||||
|
||||
.jstb_code {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-code; }
|
||||
}
|
||||
|
||||
.jstb_h1 {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-header; }
|
||||
}
|
||||
|
||||
.jstb_h2 {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { font-size: .7857em; content: $fa-var-header; }
|
||||
}
|
||||
|
||||
.jstb_h3 {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { font-size: .6429em; content: $fa-var-header; }
|
||||
}
|
||||
|
||||
.jstb_ul {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-list-ul; }
|
||||
}
|
||||
|
||||
.jstb_ol {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-list-ol; }
|
||||
}
|
||||
|
||||
.jstb_bq {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-indent; }
|
||||
}
|
||||
|
||||
.jstb_unbq {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-outdent; }
|
||||
}
|
||||
|
||||
.jstb_pre {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-terminal; }
|
||||
}
|
||||
|
||||
.jstb_link {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-link; }
|
||||
}
|
||||
|
||||
.jstb_img {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-image; }
|
||||
}
|
||||
|
||||
.jstb_cut {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-scissors; }
|
||||
}
|
||||
|
||||
.jstb_precode,
|
||||
// For plugin https://github.com/mediatainment/redmine_codebutton
|
||||
.jstb_codehighlight {
|
||||
@extend %jstb-icon;
|
||||
color: $brand-danger;
|
||||
|
||||
&::before { content: $fa-var-code; }
|
||||
}
|
||||
|
||||
button.jstb_help {
|
||||
@extend %jstb-icon;
|
||||
color: $link-color;
|
||||
|
||||
&:hover {
|
||||
color: $link-hover-color;
|
||||
}
|
||||
|
||||
&::before { content: $fa-var-question-circle; }
|
||||
}
|
||||
&::before {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.jstb_strong {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-bold; }
|
||||
}
|
||||
|
||||
.jstb_em {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-italic; }
|
||||
}
|
||||
|
||||
.jstb_ins {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-underline; }
|
||||
}
|
||||
|
||||
.jstb_del {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-strikethrough; }
|
||||
}
|
||||
|
||||
.jstb_code {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-code; }
|
||||
}
|
||||
|
||||
.jstb_h1 {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-header; }
|
||||
}
|
||||
|
||||
.jstb_h2 {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { font-size: .7857em; content: $fa-var-header; }
|
||||
}
|
||||
|
||||
.jstb_h3 {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { font-size: .6429em; content: $fa-var-header; }
|
||||
}
|
||||
|
||||
.jstb_ul {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-list-ul; }
|
||||
}
|
||||
|
||||
.jstb_ol {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-list-ol; }
|
||||
}
|
||||
|
||||
.jstb_bq {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-indent; }
|
||||
}
|
||||
|
||||
.jstb_unbq {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-outdent; }
|
||||
}
|
||||
|
||||
.jstb_pre {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-terminal; }
|
||||
}
|
||||
|
||||
.jstb_link {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-link; }
|
||||
}
|
||||
|
||||
.jstb_img {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-image; }
|
||||
}
|
||||
|
||||
.jstb_cut {
|
||||
@extend %jstb-icon;
|
||||
|
||||
&::before { content: $fa-var-scissors; }
|
||||
}
|
||||
|
||||
.jstb_precode,
|
||||
// For plugin https://github.com/mediatainment/redmine_codebutton
|
||||
.jstb_codehighlight {
|
||||
@extend %jstb-icon;
|
||||
color: $brand-danger;
|
||||
|
||||
&::before { content: $fa-var-code; }
|
||||
}
|
||||
|
||||
button.jstb_help {
|
||||
@extend %jstb-icon;
|
||||
color: $link-color;
|
||||
|
||||
&:hover {
|
||||
color: $link-hover-color;
|
||||
}
|
||||
|
||||
&::before { content: $fa-var-question-circle; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -6,42 +6,42 @@ $login-form-width: 350px;
|
||||
$login-input-width: 200px;
|
||||
|
||||
#login-form {
|
||||
margin: $line-height-computed * 2 auto;
|
||||
margin: $line-height-computed * 2 auto;
|
||||
|
||||
table {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $screen-sm-min) {
|
||||
width: $login-form-width;
|
||||
|
||||
padding: $panel-body-padding;
|
||||
border: 1px solid $panel-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $panel-bg;
|
||||
color: $panel-color;
|
||||
box-shadow: $panel-shadow;
|
||||
|
||||
table {
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $screen-sm-min) {
|
||||
width: $login-form-width;
|
||||
|
||||
padding: $panel-body-padding;
|
||||
border: 1px solid $panel-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $panel-bg;
|
||||
color: $panel-color;
|
||||
box-shadow: $panel-shadow;
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td {
|
||||
width: 90%; // make columns expand
|
||||
padding: $table-cell-padding;
|
||||
}
|
||||
td {
|
||||
width: 90%; // make columns expand
|
||||
padding: $table-cell-padding;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#username,
|
||||
#password,
|
||||
#openid_url {
|
||||
width: $login-input-width;
|
||||
width: $login-input-width;
|
||||
}
|
||||
|
||||
#openid_url {
|
||||
padding-right: 8px + 24px;
|
||||
background-image: url("../../../images/openid-bg.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: ($login-input-width - 24px) center;
|
||||
padding-right: 8px + 24px;
|
||||
background-image: url("../../../images/openid-bg.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: ($login-input-width - 24px) center;
|
||||
}
|
||||
|
||||
@@ -2,82 +2,82 @@
|
||||
// Pagination (multiple pages)
|
||||
// --------------------------------------------------
|
||||
.pagination {
|
||||
.pages {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.pages {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-right: .3em;
|
||||
list-style: none;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-right: .3em;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li > a,
|
||||
li > span,
|
||||
> .previous,
|
||||
> .next,
|
||||
> .page {
|
||||
display: inline-block;
|
||||
padding: $pagination-padding-vertical $pagination-padding-horizontal;
|
||||
border: 1px solid $pagination-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $pagination-bg;
|
||||
color: $pagination-color;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
li > a,
|
||||
li > span,
|
||||
> .previous,
|
||||
> .next,
|
||||
> .page {
|
||||
display: inline-block;
|
||||
padding: $pagination-padding-vertical $pagination-padding-horizontal;
|
||||
border: 1px solid $pagination-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $pagination-bg;
|
||||
color: $pagination-color;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
li > span {
|
||||
border-color: $pagination-inactive-border;
|
||||
background-color: $pagination-inactive-bg;
|
||||
color: $pagination-inactive-color;
|
||||
cursor: default;
|
||||
}
|
||||
li > span {
|
||||
border-color: $pagination-inactive-border;
|
||||
background-color: $pagination-inactive-bg;
|
||||
color: $pagination-inactive-color;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.spacer > span {
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
color: $text-color;
|
||||
}
|
||||
.spacer > span {
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
color: $text-color;
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $pagination-hover-border;
|
||||
background-color: $pagination-hover-bg;
|
||||
color: $pagination-hover-color;
|
||||
}
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $pagination-hover-border;
|
||||
background-color: $pagination-hover-bg;
|
||||
color: $pagination-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.page.current,
|
||||
.current > span {
|
||||
border-color: $pagination-active-border;
|
||||
background-color: $pagination-active-bg;
|
||||
color: $pagination-active-color;
|
||||
cursor: default;
|
||||
z-index: 2;
|
||||
}
|
||||
.page.current,
|
||||
.current > span {
|
||||
border-color: $pagination-active-border;
|
||||
background-color: $pagination-active-bg;
|
||||
color: $pagination-active-color;
|
||||
cursor: default;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.items,
|
||||
.per-page {
|
||||
display: inline-block;
|
||||
margin: ($pagination-padding-vertical + 1px) 0 ($pagination-padding-vertical + 1px) $pagination-padding-vertical;
|
||||
}
|
||||
.items,
|
||||
.per-page {
|
||||
display: inline-block;
|
||||
margin: ($pagination-padding-vertical + 1px) 0 ($pagination-padding-vertical + 1px) $pagination-padding-vertical;
|
||||
}
|
||||
}
|
||||
|
||||
p.pagination {
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
|
||||
+ h1,
|
||||
+ h2,
|
||||
+ h3,
|
||||
+ h4,
|
||||
+ h5,
|
||||
+ h6 {
|
||||
clear: both;
|
||||
}
|
||||
+ h1,
|
||||
+ h2,
|
||||
+ h3,
|
||||
+ h4,
|
||||
+ h5,
|
||||
+ h6 {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,34 +5,34 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#backlogs_view_issues_sidebar {
|
||||
> a {
|
||||
display: block;
|
||||
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
|
||||
border: 1px solid transparent;
|
||||
> a {
|
||||
display: block;
|
||||
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
|
||||
border: 1px solid transparent;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
margin-right: -($sidebar-padding-horizontal);
|
||||
border-left-width: 3px;
|
||||
border-radius: $border-radius-large 0 0 $border-radius-large;
|
||||
} @else {
|
||||
margin-left: -($sidebar-padding-horizontal);
|
||||
border-right-width: 3px;
|
||||
border-radius: 0 $border-radius-large $border-radius-large 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $sidebar-link-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
+ br {
|
||||
display: none;
|
||||
}
|
||||
@if $sidebar-position == "left" {
|
||||
margin-right: -($sidebar-padding-horizontal);
|
||||
border-left-width: 3px;
|
||||
border-radius: $border-radius-large 0 0 $border-radius-large;
|
||||
} @else {
|
||||
margin-left: -($sidebar-padding-horizontal);
|
||||
border-right-width: 3px;
|
||||
border-radius: 0 $border-radius-large $border-radius-large 0;
|
||||
}
|
||||
|
||||
.burndown_chart {
|
||||
max-width: $sidebar-width-computed;
|
||||
&:hover {
|
||||
background-color: $sidebar-link-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
+ br {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.burndown_chart {
|
||||
max-width: $sidebar-width-computed;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -42,52 +42,52 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
@if $use-font-awesome {
|
||||
.tt_list_button {
|
||||
font-size: 14px;
|
||||
@extend %fa-icon;
|
||||
.tt_list_button {
|
||||
font-size: 14px;
|
||||
@extend %fa-icon;
|
||||
}
|
||||
|
||||
.icon,
|
||||
.tt_list_button {
|
||||
&.icon-start,
|
||||
&.icon-stop {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.icon,
|
||||
.tt_list_button {
|
||||
&.icon-start,
|
||||
&.icon-stop {
|
||||
background-image: none;
|
||||
}
|
||||
&.icon-start {
|
||||
color: $icon-success-color;
|
||||
|
||||
&.icon-start {
|
||||
color: $icon-success-color;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $icon-success-color;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $icon-success-color;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: $fa-var-clock-o;
|
||||
}
|
||||
}
|
||||
|
||||
&.icon-stop {
|
||||
color: $icon-danger-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $icon-danger-color;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: $fa-var-history;
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
content: $fa-var-clock-o;
|
||||
}
|
||||
}
|
||||
|
||||
.time-tracker-quick-menu:empty {
|
||||
display: none;
|
||||
}
|
||||
&.icon-stop {
|
||||
color: $icon-danger-color;
|
||||
|
||||
#user-time-bookings-list {
|
||||
clear: both;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $icon-danger-color;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: $fa-var-history;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.time-tracker-quick-menu:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#user-time-bookings-list {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -97,129 +97,129 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#people_list {
|
||||
table.index {
|
||||
margin-bottom: $line-height-computed;
|
||||
}
|
||||
table.index {
|
||||
margin-bottom: $line-height-computed;
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
.person.details {
|
||||
margin-bottom: $line-height-computed;
|
||||
padding: $issue-padding;
|
||||
border: 1px solid $issue-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $issue-bg;
|
||||
.person.details {
|
||||
margin-bottom: $line-height-computed;
|
||||
padding: $issue-padding;
|
||||
border: 1px solid $issue-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $issue-bg;
|
||||
|
||||
.avatar {
|
||||
width: 64px;
|
||||
max-width: 64px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.name,
|
||||
.subject_info {
|
||||
padding: 0 0 0 $issue-padding;
|
||||
}
|
||||
|
||||
.name {
|
||||
> h1 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.subject_info {
|
||||
border-left: 1px solid $issue-border;
|
||||
|
||||
> ul {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
.icon {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
.avatar {
|
||||
width: 64px;
|
||||
max-width: 64px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.department.issue.details {
|
||||
> p {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
> .author {
|
||||
margin-bottom: 0;
|
||||
clear: none;
|
||||
}
|
||||
.name,
|
||||
.subject_info {
|
||||
padding: 0 0 0 $issue-padding;
|
||||
}
|
||||
|
||||
.name {
|
||||
> h1 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
> p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.subject_info {
|
||||
border-left: 1px solid $issue-border;
|
||||
|
||||
> ul {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
.icon {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.department.issue.details {
|
||||
> p {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
> .author {
|
||||
margin-bottom: 0;
|
||||
clear: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
.person.attributes {
|
||||
font-size: $font-size-list;
|
||||
.person.attributes {
|
||||
font-size: $font-size-list;
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: $table-condensed-cell-padding;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.icon {
|
||||
padding-left: $table-condensed-cell-padding + 20px;
|
||||
background-position: $table-condensed-cell-padding $table-condensed-cell-padding;
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
.icon {
|
||||
background-image: none;
|
||||
|
||||
> a {
|
||||
@extend %fa-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.email {
|
||||
td a {
|
||||
display: block;
|
||||
max-width: floor($sidebar-width / 3);
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
||||
&:hover {
|
||||
position: absolute;
|
||||
max-width: 100%;
|
||||
margin: -$table-condensed-cell-padding;
|
||||
padding: $table-condensed-cell-padding;
|
||||
background: $body-bg;
|
||||
box-shadow: $panel-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
th,
|
||||
td {
|
||||
padding: $table-condensed-cell-padding;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.person_data {
|
||||
td.avatar,
|
||||
td.name {
|
||||
padding: 0 0 $table-cell-padding;
|
||||
}
|
||||
|
||||
td.avatar {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
td.name {
|
||||
h4 {
|
||||
margin: 0;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
}
|
||||
.icon {
|
||||
padding-left: $table-condensed-cell-padding + 20px;
|
||||
background-position: $table-condensed-cell-padding $table-condensed-cell-padding;
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
.icon {
|
||||
background-image: none;
|
||||
|
||||
> a {
|
||||
@extend %fa-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.email {
|
||||
td a {
|
||||
display: block;
|
||||
max-width: floor($sidebar-width / 3);
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
||||
&:hover {
|
||||
position: absolute;
|
||||
max-width: 100%;
|
||||
margin: -$table-condensed-cell-padding;
|
||||
padding: $table-condensed-cell-padding;
|
||||
background: $body-bg;
|
||||
box-shadow: $panel-shadow;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.person_data {
|
||||
td.avatar,
|
||||
td.name {
|
||||
padding: 0 0 $table-cell-padding;
|
||||
}
|
||||
|
||||
td.avatar {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
td.name {
|
||||
h4 {
|
||||
margin: 0;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -229,13 +229,13 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#toolbar-code-options {
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.buttons {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -245,83 +245,83 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#stuff-to-do {
|
||||
p {
|
||||
@if $sidebar-position == "left" {
|
||||
margin-right: -($sidebar-padding-horizontal);
|
||||
} @else {
|
||||
margin-left: -($sidebar-padding-horizontal);
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
border-radius: $border-radius-large 0 0 $border-radius-large;
|
||||
} @else {
|
||||
border-radius: 0 $border-radius-large $border-radius-large 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $sidebar-link-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
> br {
|
||||
display: none;
|
||||
}
|
||||
p {
|
||||
@if $sidebar-position == "left" {
|
||||
margin-right: -($sidebar-padding-horizontal);
|
||||
} @else {
|
||||
margin-left: -($sidebar-padding-horizontal);
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
border-radius: $border-radius-large 0 0 $border-radius-large;
|
||||
} @else {
|
||||
border-radius: 0 $border-radius-large $border-radius-large 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $sidebar-link-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
> br {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Note: the following applies to the latest version
|
||||
// of Stuff To Do plugin from the master branch.
|
||||
|
||||
.controller-stuff_to_do {
|
||||
.menu {
|
||||
label,
|
||||
select {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.menu {
|
||||
label,
|
||||
select {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.stuff-to-do-item {
|
||||
padding: $table-cell-padding;
|
||||
border: 1px solid $table-border-color;
|
||||
border-width: $table-list-item-border;
|
||||
background-color: $body-bg;
|
||||
}
|
||||
|
||||
.pane {
|
||||
ol {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.stuff-to-do-item {
|
||||
padding: $table-cell-padding;
|
||||
border: 1px solid $table-border-color;
|
||||
border-width: $table-list-item-border;
|
||||
background-color: $body-bg;
|
||||
.issue-details {
|
||||
width: 80%;
|
||||
margin: 0;
|
||||
|
||||
@if $use-font-awesome {
|
||||
a {
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pane {
|
||||
ol {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.issue-details {
|
||||
width: 80%;
|
||||
margin: 0;
|
||||
|
||||
@if $use-font-awesome {
|
||||
a {
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.progress {
|
||||
width: 20%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.estimate {
|
||||
top: $table-cell-padding - 1px;
|
||||
right: $table-cell-padding;
|
||||
left: auto;
|
||||
width: 20%;
|
||||
font-size: $font-size-small;
|
||||
text-align: right;
|
||||
}
|
||||
.progress {
|
||||
width: 20%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.estimate {
|
||||
top: $table-cell-padding - 1px;
|
||||
right: $table-cell-padding;
|
||||
left: auto;
|
||||
width: 20%;
|
||||
font-size: $font-size-small;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,40 +3,40 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
@media print {
|
||||
#top-menu,
|
||||
#header,
|
||||
#main-menu,
|
||||
#sidebar,
|
||||
#footer,
|
||||
#wiki_add_attachment,
|
||||
.hide-when-print,
|
||||
.contextual,
|
||||
.other-formats {
|
||||
display: none;
|
||||
}
|
||||
#top-menu,
|
||||
#header,
|
||||
#main-menu,
|
||||
#sidebar,
|
||||
#footer,
|
||||
#wiki_add_attachment,
|
||||
.hide-when-print,
|
||||
.contextual,
|
||||
.other-formats {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#main {
|
||||
background: #fff;
|
||||
}
|
||||
#main {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#content {
|
||||
// scss-lint:disable ImportantRule
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: #fff;
|
||||
overflow: visible !important;
|
||||
}
|
||||
#content {
|
||||
// scss-lint:disable ImportantRule
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: #fff;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.autoscroll {
|
||||
overflow-x: visible;
|
||||
}
|
||||
.autoscroll {
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
table.list {
|
||||
th,
|
||||
td {
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
table.list {
|
||||
th,
|
||||
td {
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,57 +3,57 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
table.progress {
|
||||
width: 80px;
|
||||
margin-top: 1px;
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
border: 1px solid rgba(#000, .1);
|
||||
empty-cells: show;
|
||||
width: 80px;
|
||||
margin-top: 1px;
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
border: 1px solid rgba(#000, .1);
|
||||
empty-cells: show;
|
||||
|
||||
.version-overview & {
|
||||
width: 40em;
|
||||
.version-overview & {
|
||||
width: 40em;
|
||||
}
|
||||
|
||||
td.done_ratio & {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
float: none;
|
||||
}
|
||||
|
||||
td {
|
||||
height: 12px;
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
|
||||
&.closed {
|
||||
background-color: $progress-bar-success-bg;
|
||||
}
|
||||
|
||||
td.done_ratio & {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
float: none;
|
||||
&.done {
|
||||
background-color: mix($progress-bar-success-bg, $progress-bg, 50%);
|
||||
}
|
||||
|
||||
td {
|
||||
height: 12px;
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
|
||||
&.closed {
|
||||
background-color: $progress-bar-success-bg;
|
||||
}
|
||||
|
||||
&.done {
|
||||
background-color: mix($progress-bar-success-bg, $progress-bg, 50%);
|
||||
}
|
||||
|
||||
&.todo {
|
||||
background-color: $progress-bg;
|
||||
}
|
||||
&.todo {
|
||||
background-color: $progress-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.issue & td {
|
||||
padding: 0;
|
||||
}
|
||||
.issue & td {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
&.percent {
|
||||
margin-bottom: 0;
|
||||
font-size: $font-size-small;
|
||||
}
|
||||
&.percent {
|
||||
margin-bottom: 0;
|
||||
font-size: $font-size-small;
|
||||
}
|
||||
|
||||
&.progress-info {
|
||||
margin-top: -4px;
|
||||
margin-bottom: 0;
|
||||
clear: left;
|
||||
color: #777;
|
||||
font-size: 80%;
|
||||
}
|
||||
&.progress-info {
|
||||
margin-top: -4px;
|
||||
margin-bottom: 0;
|
||||
clear: left;
|
||||
color: #777;
|
||||
font-size: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,124 +4,124 @@
|
||||
|
||||
#activity dl,
|
||||
#search-results {
|
||||
margin-left: $padding-side;
|
||||
margin-left: $padding-side;
|
||||
}
|
||||
|
||||
#activity,
|
||||
#search-results {
|
||||
dd {
|
||||
margin-bottom: $line-height-computed;
|
||||
padding-top: .1em;
|
||||
}
|
||||
dd {
|
||||
margin-bottom: $line-height-computed;
|
||||
padding-top: .1em;
|
||||
}
|
||||
|
||||
dt {
|
||||
padding-left: $padding-side;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 center;
|
||||
}
|
||||
dt {
|
||||
padding-left: $padding-side;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 center;
|
||||
}
|
||||
|
||||
span.project::after {
|
||||
content: " -";
|
||||
}
|
||||
span.project::after {
|
||||
content: " -";
|
||||
}
|
||||
|
||||
span.description {
|
||||
display: block;
|
||||
color: $gray;
|
||||
font-style: italic;
|
||||
}
|
||||
span.description {
|
||||
display: block;
|
||||
color: $gray;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
#activity {
|
||||
$activity-avatar: 24px;
|
||||
$activity-avatar-space: 5px;
|
||||
$activity-indent: 20px;
|
||||
$activity-avatar: 24px;
|
||||
$activity-avatar-space: 5px;
|
||||
$activity-indent: 20px;
|
||||
|
||||
@if $use-gravatars {
|
||||
$activity-indent: $activity-indent + $activity-avatar + $activity-avatar-space;
|
||||
}
|
||||
|
||||
h3,
|
||||
h4 {
|
||||
margin: 0 0 $line-height-computed;
|
||||
padding-bottom: .2em;
|
||||
border-bottom: 1px dotted $gray-light;
|
||||
font-size: $font-size-h4;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
dt {
|
||||
&.grouped {
|
||||
margin-left: $activity-indent;
|
||||
}
|
||||
|
||||
&.me .time {
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
@if $use-gravatars {
|
||||
$activity-indent: $activity-indent + $activity-avatar + $activity-avatar-space;
|
||||
.gravatar {
|
||||
margin-top: -2px;
|
||||
margin-right: $activity-avatar-space;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h3,
|
||||
h4 {
|
||||
margin: 0 0 $line-height-computed;
|
||||
padding-bottom: .2em;
|
||||
border-bottom: 1px dotted $gray-light;
|
||||
font-size: $font-size-h4;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
dt {
|
||||
&.grouped {
|
||||
margin-left: $activity-indent;
|
||||
}
|
||||
|
||||
&.me .time {
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
@if $use-gravatars {
|
||||
.gravatar {
|
||||
margin-top: -2px;
|
||||
margin-right: $activity-avatar-space;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dd {
|
||||
font-size: $font-size-small;
|
||||
overflow: hidden;
|
||||
|
||||
&.grouped {
|
||||
margin-left: $activity-indent;
|
||||
}
|
||||
dd {
|
||||
font-size: $font-size-small;
|
||||
overflow: hidden;
|
||||
|
||||
&.grouped {
|
||||
margin-left: $activity-indent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#search-results-counts {
|
||||
float: right;
|
||||
float: right;
|
||||
|
||||
ul {
|
||||
@extend %clearfix;
|
||||
}
|
||||
ul {
|
||||
@extend %clearfix;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 1em;
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
}
|
||||
li {
|
||||
margin-left: 1em;
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Search form
|
||||
|
||||
#search-form {
|
||||
input,
|
||||
select {
|
||||
margin-right: 5px;
|
||||
}
|
||||
input,
|
||||
select {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
@include checkbox;
|
||||
}
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
@include checkbox;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Search results highlight
|
||||
|
||||
.highlight {
|
||||
background-color: #fe8;
|
||||
background-color: #fe8;
|
||||
|
||||
&.token-1 { background-color: #fba; }
|
||||
&.token-2 { background-color: #afb; }
|
||||
&.token-3 { background-color: #aef; }
|
||||
&.token-1 { background-color: #fba; }
|
||||
&.token-2 { background-color: #afb; }
|
||||
&.token-3 { background-color: #aef; }
|
||||
}
|
||||
|
||||
@@ -3,172 +3,172 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
.tabs {
|
||||
$tabs-buttons-width: 40px;
|
||||
$tabs-buttons-width: 40px;
|
||||
|
||||
position: relative;
|
||||
margin-bottom: $line-height-computed;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin-bottom: $line-height-computed;
|
||||
overflow: hidden;
|
||||
|
||||
@if not $flexbox-layout {
|
||||
padding-right: $tabs-buttons-width;
|
||||
@if not $flexbox-layout {
|
||||
padding-right: $tabs-buttons-width;
|
||||
}
|
||||
|
||||
> ul {
|
||||
// scss-lint:disable VendorPrefix
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
border-bottom: 1px solid $tab-border;
|
||||
list-style: none;
|
||||
|
||||
@if $flexbox-layout {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
height: $line-height-computed + $tab-padding-vertical * 2 + 1px;
|
||||
} @else {
|
||||
width: 2000px;
|
||||
@extend %clearfix;
|
||||
}
|
||||
|
||||
> ul {
|
||||
// scss-lint:disable VendorPrefix
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
border-bottom: 1px solid $tab-border;
|
||||
list-style: none;
|
||||
> li {
|
||||
margin-bottom: -1px;
|
||||
|
||||
@if $flexbox-layout {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
height: $line-height-computed + $tab-padding-vertical * 2 + 1px;
|
||||
} @else {
|
||||
width: 2000px;
|
||||
@extend %clearfix;
|
||||
@if $flexbox-layout {
|
||||
-webkit-flex: 0 1 auto;
|
||||
-ms-flex: 0 1 auto;
|
||||
flex: 0 1 auto;
|
||||
} @else {
|
||||
float: left;
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
min-width: 2em;
|
||||
margin-right: 2px;
|
||||
padding: $tab-padding-vertical $tab-padding-horizontal;
|
||||
border: 1px solid transparent;
|
||||
border-radius: $border-radius-base $border-radius-base 0 0;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $tab-hover-border $tab-hover-border $tab-border;
|
||||
background-color: $tab-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
> li {
|
||||
margin-bottom: -1px;
|
||||
|
||||
@if $flexbox-layout {
|
||||
-webkit-flex: 0 1 auto;
|
||||
-ms-flex: 0 1 auto;
|
||||
flex: 0 1 auto;
|
||||
} @else {
|
||||
float: left;
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
min-width: 2em;
|
||||
margin-right: 2px;
|
||||
padding: $tab-padding-vertical $tab-padding-horizontal;
|
||||
border: 1px solid transparent;
|
||||
border-radius: $border-radius-base $border-radius-base 0 0;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $tab-hover-border $tab-hover-border $tab-border;
|
||||
background-color: $tab-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
border-color: $tab-active-border $tab-active-border $tab-active-bg;
|
||||
background: $tab-active-bg;
|
||||
color: $tab-active-text;
|
||||
}
|
||||
}
|
||||
&.selected {
|
||||
border-color: $tab-active-border $tab-active-border $tab-active-bg;
|
||||
background: $tab-active-bg;
|
||||
color: $tab-active-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-buttons {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: $tabs-buttons-width;
|
||||
padding-left: 5px;
|
||||
border-bottom: 1px solid $tab-border;
|
||||
background-color: $body-bg;
|
||||
|
||||
> button {
|
||||
width: 50%;
|
||||
height: $tab-padding-vertical * 2 + $line-height-computed + 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
border: 0 none;
|
||||
border-radius: 0;
|
||||
background-color: $body-bg;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
box-shadow: none;
|
||||
opacity: .8;
|
||||
@include transition(opacity .1s);
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: $tab-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-buttons {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: $tabs-buttons-width;
|
||||
padding-left: 5px;
|
||||
border-bottom: 1px solid $tab-border;
|
||||
background-color: $body-bg;
|
||||
|
||||
> button {
|
||||
width: 50%;
|
||||
height: $tab-padding-vertical * 2 + $line-height-computed + 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
border: 0 none;
|
||||
border-radius: 0;
|
||||
background-color: $body-bg;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
box-shadow: none;
|
||||
opacity: .8;
|
||||
@include transition(opacity .1s);
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: $tab-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-left {
|
||||
@extend %image-arrow-left;
|
||||
}
|
||||
|
||||
.tab-right {
|
||||
@extend %image-arrow-right;
|
||||
}
|
||||
.tab-left {
|
||||
@extend %image-arrow-left;
|
||||
}
|
||||
|
||||
.tab-right {
|
||||
@extend %image-arrow-right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//== Specific tabs content layout
|
||||
//
|
||||
|
||||
#tab-content-modules fieldset p {
|
||||
margin: 3px 0 4px;
|
||||
margin: 3px 0 4px;
|
||||
}
|
||||
|
||||
#tab-content-members,
|
||||
#tab-content-memberships,
|
||||
#tab-content-users {
|
||||
.splitcontentleft {
|
||||
width: 65%;
|
||||
.splitcontentleft {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.splitcontentright {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin-bottom: $line-height-computed;
|
||||
|
||||
legend {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.splitcontentright {
|
||||
width: 35%;
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 3px;
|
||||
@include checkbox;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin-bottom: $line-height-computed;
|
||||
|
||||
legend {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 3px;
|
||||
@include checkbox;
|
||||
}
|
||||
|
||||
label[for=principal_search] {
|
||||
padding-left: 0;
|
||||
}
|
||||
label[for=principal_search] {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination .items {
|
||||
margin-left: 0;
|
||||
}
|
||||
.pagination .items {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#tab-content-members,
|
||||
#tab-content-users {
|
||||
#principals {
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
#principals {
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#tab-content-memberships .splitcontentright select {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#principals_for_new_member {
|
||||
.pagination {
|
||||
float: none;
|
||||
}
|
||||
.pagination {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,131 +3,131 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#top-menu {
|
||||
position: relative;
|
||||
padding: $padding-small-vertical $padding-side;
|
||||
background: $top-menu-bg;
|
||||
color: $top-menu-text;
|
||||
font-size: $font-size-small;
|
||||
@extend %clearfix;
|
||||
position: relative;
|
||||
padding: $padding-small-vertical $padding-side;
|
||||
background: $top-menu-bg;
|
||||
color: $top-menu-text;
|
||||
font-size: $font-size-small;
|
||||
@extend %clearfix;
|
||||
|
||||
@if $top-menu-collapse {
|
||||
$toggler-position-v: $padding-small-vertical + 1px;
|
||||
$toggler-position-h: 1px;
|
||||
@if $top-menu-collapse {
|
||||
$toggler-position-v: $padding-small-vertical + 1px;
|
||||
$toggler-position-h: 1px;
|
||||
|
||||
max-height: floor($font-size-base * $font-size-small-unitless * $line-height-base) + $padding-small-vertical;
|
||||
padding-bottom: 0;
|
||||
overflow: hidden;
|
||||
max-height: floor($font-size-base * $font-size-small-unitless * $line-height-base) + $padding-small-vertical;
|
||||
padding-bottom: 0;
|
||||
overflow: hidden;
|
||||
|
||||
&.expanded {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin-bottom: $padding-small-vertical;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.top-menu-toggler {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: $toggler-position-v;
|
||||
@if $sidebar-position == "left" {
|
||||
left: $toggler-position-h;
|
||||
} @else {
|
||||
right: $toggler-position-h;
|
||||
}
|
||||
@include user-select(none);
|
||||
|
||||
@if $use-font-awesome {
|
||||
font-size: 14px;
|
||||
|
||||
&::before {
|
||||
content: $fa-var-caret-square-o-down;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-down-white;
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
@extend %fa-icon;
|
||||
color: mix($top-menu-link, $top-menu-bg, 33%);
|
||||
line-height: 1;
|
||||
|
||||
&::before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: mix($top-menu-link-hover, $top-menu-bg, 50%);
|
||||
}
|
||||
} @else {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: $border-radius-base;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: lighten($top-menu-bg, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
&.expanded {
|
||||
@if $use-font-awesome {
|
||||
&::before {
|
||||
content: $fa-var-caret-square-o-up;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-up-white;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $top-menu-collapse-breakpoint) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
margin: 0 .5em 0 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
&.expanded {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $top-menu-link;
|
||||
font-weight: $font-weight-bold;
|
||||
display: inline-block;
|
||||
margin-bottom: $padding-small-vertical;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $top-menu-link-hover;
|
||||
text-decoration: none;
|
||||
.top-menu-toggler {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: $toggler-position-v;
|
||||
@if $sidebar-position == "left" {
|
||||
left: $toggler-position-h;
|
||||
} @else {
|
||||
right: $toggler-position-h;
|
||||
}
|
||||
@include user-select(none);
|
||||
|
||||
@if $use-font-awesome {
|
||||
font-size: 14px;
|
||||
|
||||
&::before {
|
||||
content: $fa-var-caret-square-o-down;
|
||||
}
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-down-white;
|
||||
}
|
||||
|
||||
#loggedas {
|
||||
margin-left: 1em;
|
||||
float: right;
|
||||
@if $use-font-awesome {
|
||||
@extend %fa-icon;
|
||||
color: mix($top-menu-link, $top-menu-bg, 33%);
|
||||
line-height: 1;
|
||||
|
||||
&::before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: mix($top-menu-link-hover, $top-menu-bg, 50%);
|
||||
}
|
||||
} @else {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: $border-radius-base;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: lighten($top-menu-bg, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
&.expanded {
|
||||
@if $use-font-awesome {
|
||||
&::before {
|
||||
content: $fa-var-caret-square-o-up;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-up-white;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $top-menu-collapse-breakpoint) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
margin: 0 .5em 0 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $top-menu-link;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
&:hover {
|
||||
color: $top-menu-link-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
#loggedas {
|
||||
margin-left: 1em;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
#account {
|
||||
float: right;
|
||||
float: right;
|
||||
|
||||
> ul > li {
|
||||
margin-right: 0;
|
||||
margin-left: .5em;
|
||||
}
|
||||
> ul > li {
|
||||
margin-right: 0;
|
||||
margin-left: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -136,243 +136,243 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#header {
|
||||
position: relative;
|
||||
background-color: $header-bg;
|
||||
color: $header-text;
|
||||
@extend %clearfix;
|
||||
position: relative;
|
||||
background-color: $header-bg;
|
||||
color: $header-text;
|
||||
@extend %clearfix;
|
||||
|
||||
> h1 {
|
||||
padding: $header-padding-vertical $header-padding-horizontal;
|
||||
> h1 {
|
||||
padding: $header-padding-vertical $header-padding-horizontal;
|
||||
|
||||
@if $use-logo {
|
||||
padding-left: $logo-image-width + $logo-position-horizontal + $logo-space;
|
||||
background-image: url("../images/logo/logo.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: $logo-position-horizontal $logo-position-vertical;
|
||||
@if $use-logo {
|
||||
padding-left: $logo-image-width + $logo-position-horizontal + $logo-space;
|
||||
background-image: url("../images/logo/logo.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: $logo-position-horizontal $logo-position-vertical;
|
||||
|
||||
@if $use-retina-logo {
|
||||
@include img-retina("../images/logo/logo@2x.png", $logo-image-width, $logo-image-height);
|
||||
}
|
||||
}
|
||||
|
||||
.root {
|
||||
color: $header-root;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ancestor {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.root,
|
||||
.ancestor {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.current-project {
|
||||
display: inline-block;
|
||||
}
|
||||
@if $use-retina-logo {
|
||||
@include img-retina("../images/logo/logo@2x.png", $logo-image-width, $logo-image-height);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $header-link;
|
||||
.root {
|
||||
color: $header-root;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ancestor {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.root,
|
||||
.ancestor {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.current-project {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $header-link;
|
||||
}
|
||||
}
|
||||
|
||||
#quick-search {
|
||||
margin-top: floor(($header-title-line-height + $header-padding-vertical * 2 - $input-height-base) / 2) - 1px;
|
||||
margin-right: $header-padding-horizontal;
|
||||
float: right;
|
||||
color: $header-text;
|
||||
margin-top: floor(($header-title-line-height + $header-padding-vertical * 2 - $input-height-base) / 2) - 1px;
|
||||
margin-right: $header-padding-horizontal;
|
||||
float: right;
|
||||
color: $header-text;
|
||||
|
||||
label {
|
||||
font-weight: 500;
|
||||
label {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
form {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
margin-left: 5px;
|
||||
border-color: darken($header-bg, 15%);
|
||||
background: darken($header-bg, 10%);
|
||||
color: $header-root;
|
||||
@include transition(color ease-in-out .1s, background-color ease-in-out .1s, border-color ease-in-out .1s);
|
||||
|
||||
&:focus {
|
||||
border-color: darken($header-bg, 35%);
|
||||
background-color: $input-bg;
|
||||
color: $input-color;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
display: inline;
|
||||
option {
|
||||
background-color: $input-bg;
|
||||
color: $input-color;
|
||||
|
||||
&[disabled] {
|
||||
color: $gray-lighter;
|
||||
}
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
margin-left: 5px;
|
||||
border-color: darken($header-bg, 15%);
|
||||
background: darken($header-bg, 10%);
|
||||
color: $header-root;
|
||||
@include transition(color ease-in-out .1s, background-color ease-in-out .1s, border-color ease-in-out .1s);
|
||||
|
||||
&:focus {
|
||||
border-color: darken($header-bg, 35%);
|
||||
background-color: $input-bg;
|
||||
color: $input-color;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
|
||||
}
|
||||
}
|
||||
|
||||
option {
|
||||
background-color: $input-bg;
|
||||
color: $input-color;
|
||||
|
||||
&[disabled] {
|
||||
color: $gray-lighter;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
width: 200px;
|
||||
}
|
||||
input {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
clear: both;
|
||||
background-color: $main-menu-bg;
|
||||
color: $text-color;
|
||||
box-shadow: inset 0 -1px $main-menu-border;
|
||||
clear: both;
|
||||
background-color: $main-menu-bg;
|
||||
color: $text-color;
|
||||
box-shadow: inset 0 -1px $main-menu-border;
|
||||
|
||||
&.tabs {
|
||||
margin-bottom: 0;
|
||||
overflow: inherit;
|
||||
|
||||
> ul {
|
||||
height: auto;
|
||||
|
||||
> li {
|
||||
> a {
|
||||
border: 0 none;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.tabs {
|
||||
margin-bottom: 0;
|
||||
overflow: inherit;
|
||||
|
||||
> ul {
|
||||
margin: 0;
|
||||
padding: 0 ($padding-side - $main-menu-padding-horizontal);
|
||||
color: $main-menu-link;
|
||||
list-style: none;
|
||||
@extend %clearfix;
|
||||
height: auto;
|
||||
|
||||
> li {
|
||||
position: relative;
|
||||
margin-right: .5em;
|
||||
float: left;
|
||||
|
||||
&:hover {
|
||||
> .new-object {
|
||||
border-bottom: 1px solid $main-menu-dropdown-bg;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
> .menu-children {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: $main-menu-padding-vertical $main-menu-padding-horizontal;
|
||||
color: $main-menu-link;
|
||||
line-height: $line-height-computed;
|
||||
white-space: nowrap;
|
||||
@include transition(box-shadow .15s);
|
||||
|
||||
@media screen and (min-width: $screen-lg-min) {
|
||||
padding-right: $main-menu-padding-horizontal * 2;
|
||||
padding-left: $main-menu-padding-horizontal * 2;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: 0 none;
|
||||
text-decoration: none;
|
||||
box-shadow: inset 0 (-$main-menu-shadow-width) 0 $main-menu-shadow-hover;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
padding-bottom: $main-menu-padding-vertical - $main-menu-shadow-width;
|
||||
border-bottom: 3px solid $main-menu-shadow-active;
|
||||
color: $main-menu-link-active;
|
||||
font-weight: $font-weight-bold;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.new-object {
|
||||
position: relative;
|
||||
min-width: 1.1em;
|
||||
padding-bottom: $main-menu-padding-vertical - 1px;
|
||||
border: 1px solid $main-menu-border;
|
||||
border-width: 0 1px;
|
||||
background-color: $main-menu-dropdown-bg;
|
||||
color: $icon-success-color;
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
> li {
|
||||
> a {
|
||||
border: 0 none;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> ul {
|
||||
margin: 0;
|
||||
padding: 0 ($padding-side - $main-menu-padding-horizontal);
|
||||
color: $main-menu-link;
|
||||
list-style: none;
|
||||
@extend %clearfix;
|
||||
|
||||
> li {
|
||||
position: relative;
|
||||
margin-right: .5em;
|
||||
float: left;
|
||||
|
||||
&:hover {
|
||||
> .new-object {
|
||||
border-bottom: 1px solid $main-menu-dropdown-bg;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
> .menu-children {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: $main-menu-padding-vertical $main-menu-padding-horizontal;
|
||||
color: $main-menu-link;
|
||||
line-height: $line-height-computed;
|
||||
white-space: nowrap;
|
||||
@include transition(box-shadow .15s);
|
||||
|
||||
@media screen and (min-width: $screen-lg-min) {
|
||||
padding-right: $main-menu-padding-horizontal * 2;
|
||||
padding-left: $main-menu-padding-horizontal * 2;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: 0 none;
|
||||
text-decoration: none;
|
||||
box-shadow: inset 0 (-$main-menu-shadow-width) 0 $main-menu-shadow-hover;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
padding-bottom: $main-menu-padding-vertical - $main-menu-shadow-width;
|
||||
border-bottom: 3px solid $main-menu-shadow-active;
|
||||
color: $main-menu-link-active;
|
||||
font-weight: $font-weight-bold;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.new-object {
|
||||
position: relative;
|
||||
min-width: 1.1em;
|
||||
padding-bottom: $main-menu-padding-vertical - 1px;
|
||||
border: 1px solid $main-menu-border;
|
||||
border-width: 0 1px;
|
||||
background-color: $main-menu-dropdown-bg;
|
||||
color: $icon-success-color;
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $main-menu-link;
|
||||
}
|
||||
|
||||
.menu-children {
|
||||
display: none;
|
||||
position: absolute;
|
||||
min-width: 130px;
|
||||
margin: 0 1px;
|
||||
padding: 0;
|
||||
border-radius: 0 0 $border-radius-base $border-radius-base;
|
||||
background: $main-menu-dropdown-bg;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
z-index: 1001;
|
||||
@include nice-shadow(2);
|
||||
|
||||
&.visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $main-menu-link;
|
||||
display: block;
|
||||
padding: $tab-padding-vertical ($tab-padding-horizontal * 2);
|
||||
border-top: 1px solid $main-menu-border;
|
||||
color: $main-menu-link;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: 0 none;
|
||||
background-color: $component-active-bg;
|
||||
color: $component-active-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-children {
|
||||
display: none;
|
||||
position: absolute;
|
||||
min-width: 130px;
|
||||
margin: 0 1px;
|
||||
padding: 0;
|
||||
border-radius: 0 0 $border-radius-base $border-radius-base;
|
||||
background: $main-menu-dropdown-bg;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
z-index: 1001;
|
||||
@include nice-shadow(2);
|
||||
|
||||
&.visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: $tab-padding-vertical ($tab-padding-horizontal * 2);
|
||||
border-top: 1px solid $main-menu-border;
|
||||
color: $main-menu-link;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: 0 none;
|
||||
background-color: $component-active-bg;
|
||||
color: $component-active-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
> li:first-child > a {
|
||||
border: 0 none;
|
||||
}
|
||||
> li:first-child > a {
|
||||
border: 0 none;
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-buttons {
|
||||
// scss-lint:disable ImportantRule
|
||||
display: none !important;
|
||||
padding-left: 0;
|
||||
background-color: $main-menu-bg;
|
||||
.tabs-buttons {
|
||||
// scss-lint:disable ImportantRule
|
||||
display: none !important;
|
||||
padding-left: 0;
|
||||
background-color: $main-menu-bg;
|
||||
|
||||
> button {
|
||||
height: $main-menu-padding-vertical * 2 + $line-height-computed - 1px;
|
||||
background-color: $main-menu-bg;
|
||||
}
|
||||
> button {
|
||||
height: $main-menu-padding-vertical * 2 + $line-height-computed - 1px;
|
||||
background-color: $main-menu-bg;
|
||||
}
|
||||
}
|
||||
|
||||
ul + .tabs-buttons {
|
||||
// scss-lint:disable ImportantRule
|
||||
display: block !important;
|
||||
}
|
||||
ul + .tabs-buttons {
|
||||
// scss-lint:disable ImportantRule
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,317 +1,317 @@
|
||||
.wiki.wiki-page {
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: $wiki-font-size;
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: $wiki-font-size;
|
||||
|
||||
@if $wiki-page-more-vertical-space {
|
||||
// Anchors will make headers more separated,
|
||||
// and it will look better when you open page with hash in URL
|
||||
a[name]:empty {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// Add some space between list items
|
||||
ul,
|
||||
ol {
|
||||
li {
|
||||
margin-top: .25em;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-top: .25em;
|
||||
margin-bottom: .25em;
|
||||
|
||||
li {
|
||||
margin-top: .125em;
|
||||
}
|
||||
}
|
||||
}
|
||||
@if $wiki-page-more-vertical-space {
|
||||
// Anchors will make headers more separated,
|
||||
// and it will look better when you open page with hash in URL
|
||||
a[name]:empty {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// Add some space between list items
|
||||
ul,
|
||||
ol {
|
||||
li {
|
||||
margin-top: .25em;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-top: .25em;
|
||||
margin-bottom: .25em;
|
||||
|
||||
li {
|
||||
margin-top: .125em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.controller-wiki .wiki > .preview {
|
||||
font-size: $wiki-font-size;
|
||||
font-size: $wiki-font-size;
|
||||
}
|
||||
|
||||
div.wiki {
|
||||
color: $wiki-text;
|
||||
line-height: $wiki-line-height;
|
||||
color: $wiki-text;
|
||||
line-height: $wiki-line-height;
|
||||
|
||||
//scss-lint:disable SingleLinePerSelector
|
||||
h1, .h1,
|
||||
h2, .h2,
|
||||
h3, .h3,
|
||||
h4, .h4,
|
||||
h5, .h5,
|
||||
h6, .h6 {
|
||||
margin-top: 1em;
|
||||
margin-bottom: $wiki-font-size;
|
||||
font-weight: $headings-font-weight;
|
||||
line-height: $headings-line-height;
|
||||
//scss-lint:disable SingleLinePerSelector
|
||||
h1, .h1,
|
||||
h2, .h2,
|
||||
h3, .h3,
|
||||
h4, .h4,
|
||||
h5, .h5,
|
||||
h6, .h6 {
|
||||
margin-top: 1em;
|
||||
margin-bottom: $wiki-font-size;
|
||||
font-weight: $headings-font-weight;
|
||||
line-height: $headings-line-height;
|
||||
}
|
||||
|
||||
h1, .h1 {
|
||||
padding-bottom: .3em;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
font-size: $font-size-h1;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h2, .h2 {
|
||||
padding-bottom: .3em;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
font-size: $font-size-h2;
|
||||
line-height: 1.225;
|
||||
}
|
||||
|
||||
h3, .h3 {
|
||||
font-size: $font-size-h3;
|
||||
line-height: 1.43;
|
||||
}
|
||||
|
||||
h4, .h4 {
|
||||
font-size: $font-size-h4;
|
||||
}
|
||||
|
||||
h5, .h5 {
|
||||
font-size: $font-size-h5;
|
||||
}
|
||||
|
||||
h6, .h6 {
|
||||
color: $gray;
|
||||
font-size: $font-size-h6;
|
||||
}
|
||||
|
||||
.text-normal {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
> a:first-child {
|
||||
+ h1,
|
||||
+ h2,
|
||||
+ h3,
|
||||
+ h4,
|
||||
+ h5,
|
||||
+ h6 {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h1, .h1 {
|
||||
padding-bottom: .3em;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
font-size: $font-size-h1;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h2, .h2 {
|
||||
padding-bottom: .3em;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
font-size: $font-size-h2;
|
||||
line-height: 1.225;
|
||||
}
|
||||
|
||||
h3, .h3 {
|
||||
font-size: $font-size-h3;
|
||||
line-height: 1.43;
|
||||
}
|
||||
|
||||
h4, .h4 {
|
||||
font-size: $font-size-h4;
|
||||
}
|
||||
|
||||
h5, .h5 {
|
||||
font-size: $font-size-h5;
|
||||
}
|
||||
|
||||
h6, .h6 {
|
||||
color: $gray;
|
||||
font-size: $font-size-h6;
|
||||
}
|
||||
|
||||
.text-normal {
|
||||
> a:target {
|
||||
+ h2,
|
||||
+ h3,
|
||||
+ h4,
|
||||
+ h5,
|
||||
+ h6 {
|
||||
&::before {
|
||||
display: inline-block;
|
||||
width: .7em;
|
||||
margin-left: -.7em;
|
||||
color: $headings-anchor-color-active;
|
||||
font-weight: normal;
|
||||
content: "#";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> a:first-child {
|
||||
+ h1,
|
||||
+ h2,
|
||||
+ h3,
|
||||
+ h4,
|
||||
+ h5,
|
||||
+ h6 {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
>:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> a:target {
|
||||
+ h2,
|
||||
+ h3,
|
||||
+ h4,
|
||||
+ h5,
|
||||
+ h6 {
|
||||
&::before {
|
||||
display: inline-block;
|
||||
width: .7em;
|
||||
margin-left: -.7em;
|
||||
color: $headings-anchor-color-active;
|
||||
font-weight: normal;
|
||||
content: "#";
|
||||
}
|
||||
}
|
||||
blockquote {
|
||||
>:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
>:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
>:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
>:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.contextual {
|
||||
a {
|
||||
opacity: .4;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.contextual {
|
||||
a {
|
||||
// scss-lint:disable DuplicateProperty
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
}
|
||||
opacity: .4;
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol {
|
||||
margin-bottom: 1em;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
// scss-lint:disable DuplicateProperty
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding-left: 1.5em;
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding-left: 1.5em;
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
li > p {
|
||||
margin-top: ($line-height-computed / 2);
|
||||
}
|
||||
li > p {
|
||||
margin-top: ($line-height-computed / 2);
|
||||
}
|
||||
|
||||
table {
|
||||
// scss-lint:disable DuplicateProperty
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: $line-height-computed;
|
||||
overflow: auto;
|
||||
word-break: normal;
|
||||
word-break: keep-all;
|
||||
}
|
||||
table {
|
||||
// scss-lint:disable DuplicateProperty
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: $line-height-computed;
|
||||
overflow: auto;
|
||||
word-break: normal;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
tr:nth-child(2n) {
|
||||
background-color: $table-bg-accent;
|
||||
}
|
||||
tr:nth-child(2n) {
|
||||
background-color: $table-bg-accent;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: $table-cell-padding;
|
||||
border: 1px solid $table-border-color;
|
||||
}
|
||||
|
||||
.noborder {
|
||||
border: 0 none;
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: $table-cell-padding;
|
||||
border: 1px solid $table-border-color;
|
||||
border: 0 none;
|
||||
}
|
||||
}
|
||||
|
||||
.noborder {
|
||||
border: 0 none;
|
||||
a.new {
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
border: 0 none;
|
||||
}
|
||||
}
|
||||
code {
|
||||
padding: .2em .33em;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: rgba(#000, .04);
|
||||
font-size: $font-size-small;
|
||||
}
|
||||
|
||||
a.new {
|
||||
color: $brand-danger;
|
||||
}
|
||||
pre {
|
||||
width: auto;
|
||||
margin-bottom: 1.15em;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #e7e7e7;
|
||||
border-radius: $border-radius-base;
|
||||
border-color: rgba(#000, .068);
|
||||
background-color: rgba(#000, .03);
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
font-size: $font-size-small;
|
||||
|
||||
code {
|
||||
padding: .2em .33em;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: rgba(#000, .04);
|
||||
font-size: $font-size-small;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.toc {
|
||||
margin-bottom: $line-height-computed;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
&.right,
|
||||
&.left {
|
||||
max-width: 45%;
|
||||
padding: 8px;
|
||||
border: 1px solid $highlight-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $highlight-bg;
|
||||
font-size: $font-size-small;
|
||||
box-shadow: $panel-shadow;
|
||||
|
||||
a {
|
||||
color: $highlight-text;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: darken($highlight-text, 10%);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
width: auto;
|
||||
margin-bottom: 1.15em;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #e7e7e7;
|
||||
border-radius: $border-radius-base;
|
||||
border-color: rgba(#000, .068);
|
||||
background-color: rgba(#000, .03);
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
font-size: $font-size-small;
|
||||
|
||||
code {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
font-size: 1em;
|
||||
}
|
||||
&.right {
|
||||
margin-right: 0;
|
||||
margin-left: $line-height-computed;
|
||||
float: right;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
&.left {
|
||||
margin-right: $line-height-computed;
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.toc {
|
||||
margin-bottom: $line-height-computed;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: $font-size-small;
|
||||
|
||||
&.right,
|
||||
&.left {
|
||||
max-width: 45%;
|
||||
padding: 8px;
|
||||
border: 1px solid $highlight-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $highlight-bg;
|
||||
font-size: $font-size-small;
|
||||
box-shadow: $panel-shadow;
|
||||
ul {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $highlight-text;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
li {
|
||||
// scss-lint:disable SelectorDepth
|
||||
margin: 0;
|
||||
|
||||
&:hover {
|
||||
color: darken($highlight-text, 10%);
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.right {
|
||||
margin-right: 0;
|
||||
margin-left: $line-height-computed;
|
||||
float: right;
|
||||
}
|
||||
|
||||
&.left {
|
||||
margin-right: $line-height-computed;
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: $font-size-small;
|
||||
|
||||
ul {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
li {
|
||||
list-style-type: disc;
|
||||
margin-left: 1.5em;
|
||||
|
||||
li {
|
||||
// scss-lint:disable SelectorDepth
|
||||
margin: 0;
|
||||
list-style-type: circle;
|
||||
|
||||
li {
|
||||
list-style-type: disc;
|
||||
margin-left: 1.5em;
|
||||
|
||||
li {
|
||||
list-style-type: circle;
|
||||
|
||||
li {
|
||||
list-style-type: square;
|
||||
}
|
||||
}
|
||||
}
|
||||
li {
|
||||
list-style-type: square;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toc-active-prev + .toc {
|
||||
padding-left: $padding-large-horizontal;
|
||||
border-left: 4px solid $toc-active-border;
|
||||
.toc-active-prev + .toc {
|
||||
padding-left: $padding-large-horizontal;
|
||||
border-left: 4px solid $toc-active-border;
|
||||
|
||||
a {
|
||||
color: $toc-active-link;
|
||||
a {
|
||||
color: $toc-active-link;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $toc-active-link-hover;
|
||||
}
|
||||
}
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $toc-active-link-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
@@ -320,72 +320,72 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
.wiki-anchor {
|
||||
// scss-lint:disable ImportantRule
|
||||
display: none;
|
||||
position: relative;
|
||||
top: -(1em - $font-size-small);
|
||||
margin-left: 5px;
|
||||
color: $headings-anchor-color !important;
|
||||
font-size: $font-size-small;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.wiki-anchor {
|
||||
// scss-lint:disable ImportantRule
|
||||
display: none;
|
||||
position: relative;
|
||||
top: -(1em - $font-size-small);
|
||||
margin-left: 5px;
|
||||
color: $headings-anchor-color !important;
|
||||
font-size: $font-size-small;
|
||||
text-decoration: none !important;
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.wiki-anchor {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
img {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
p.footnote {
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
&::before {
|
||||
display: block;
|
||||
width: 300px;
|
||||
margin-top: $line-height-computed;
|
||||
padding-top: $line-height-computed / 2;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
content: "";
|
||||
}
|
||||
&::before {
|
||||
display: block;
|
||||
width: 300px;
|
||||
margin-top: $line-height-computed;
|
||||
padding-top: $line-height-computed / 2;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
content: "";
|
||||
}
|
||||
|
||||
+ p.footnote::before {
|
||||
display: none;
|
||||
}
|
||||
+ p.footnote::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.preview {
|
||||
margin-top: $line-height-computed;
|
||||
padding: $padding-wiki;
|
||||
background-color: #fffbe5;
|
||||
background-image: url("../images/draft.png");
|
||||
background-position: center center;
|
||||
margin-top: $line-height-computed;
|
||||
padding: $padding-wiki;
|
||||
background-color: #fffbe5;
|
||||
background-image: url("../images/draft.png");
|
||||
background-position: center center;
|
||||
|
||||
html[lang="pl"] & {
|
||||
background-image: url("../images/draft-pl.png");
|
||||
}
|
||||
html[lang="pl"] & {
|
||||
background-image: url("../images/draft-pl.png");
|
||||
}
|
||||
}
|
||||
|
||||
#wiki_add_attachment {
|
||||
padding-top: $line-height-computed;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
|
||||
> p {
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#add_attachment_form {
|
||||
padding-top: $line-height-computed;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
|
||||
> p {
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#add_attachment_form {
|
||||
padding-top: $line-height-computed;
|
||||
clear: left;
|
||||
}
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -398,34 +398,34 @@ p.footnote {
|
||||
// see: http://getbootstrap.com/components/#pagination-pager
|
||||
|
||||
.wiki-pager {
|
||||
> a {
|
||||
display: inline-block;
|
||||
padding: $padding-base-vertical $padding-base-horizontal;
|
||||
border: 1px solid $btn-default-border;
|
||||
border-radius: ceil($font-size-base + ($padding-base-vertical + 1px) * 2) / 2;
|
||||
background-color: $body-bg;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
> a {
|
||||
display: inline-block;
|
||||
padding: $padding-base-vertical $padding-base-horizontal;
|
||||
border: 1px solid $btn-default-border;
|
||||
border-radius: ceil($font-size-base + ($padding-base-vertical + 1px) * 2) / 2;
|
||||
background-color: $body-bg;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: $btn-default-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: $btn-default-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.wiki-pager--aligned {
|
||||
overflow: hidden;
|
||||
|
||||
> a:first-child {
|
||||
float: left;
|
||||
}
|
||||
|
||||
&.wiki-pager--aligned {
|
||||
overflow: hidden;
|
||||
|
||||
> a:first-child {
|
||||
float: left;
|
||||
}
|
||||
|
||||
> a:last-child {
|
||||
float: right;
|
||||
}
|
||||
> a:last-child {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -436,14 +436,14 @@ p.footnote {
|
||||
// see: http://getbootstrap.com/css/#lead-body-copy
|
||||
|
||||
.lead {
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: floor(($font-size-base * 1.15));
|
||||
font-weight: 300;
|
||||
line-height: 1.4;
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: floor(($font-size-base * 1.15));
|
||||
font-weight: 300;
|
||||
line-height: 1.4;
|
||||
|
||||
@media (min-width: $screen-sm-min) {
|
||||
font-size: ($font-size-base * 1.5);
|
||||
}
|
||||
@media (min-width: $screen-sm-min) {
|
||||
font-size: ($font-size-base * 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -482,11 +482,11 @@ p.footnote {
|
||||
.bg-danger { background-color: $state-danger; }
|
||||
|
||||
p {
|
||||
&.bg-primary,
|
||||
&.bg-success,
|
||||
&.bg-info,
|
||||
&.bg-warning,
|
||||
&.bg-danger {
|
||||
padding: $panel-body-padding;
|
||||
}
|
||||
&.bg-primary,
|
||||
&.bg-success,
|
||||
&.bg-info,
|
||||
&.bg-warning,
|
||||
&.bg-danger {
|
||||
padding: $panel-body-padding;
|
||||
}
|
||||
}
|
||||
|
||||
26
src/sass/lib/font-awesome/_mixins.scss
vendored
26
src/sass/lib/font-awesome/_mixins.scss
vendored
@@ -3,23 +3,23 @@
|
||||
// --------------------------
|
||||
|
||||
@mixin fa-icon() {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
||||
-webkit-transform: scale($horiz, $vert);
|
||||
-ms-transform: scale($horiz, $vert);
|
||||
transform: scale($horiz, $vert);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
||||
-webkit-transform: scale($horiz, $vert);
|
||||
-ms-transform: scale($horiz, $vert);
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
|
||||
16
src/sass/lib/font-awesome/_path.scss
vendored
16
src/sass/lib/font-awesome/_path.scss
vendored
@@ -2,12 +2,12 @@
|
||||
* -------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: "FontAwesome";
|
||||
src: url("#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}");
|
||||
src: url("#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}") format("embedded-opentype"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}") format("woff"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}") format("truetype"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: "FontAwesome";
|
||||
src: url("#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}");
|
||||
src: url("#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}") format("embedded-opentype"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}") format("woff"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}") format("truetype"),
|
||||
url("#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@@ -1,58 +1,58 @@
|
||||
// Button sizes
|
||||
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
|
||||
padding: $padding-vertical $padding-horizontal;
|
||||
font-size: $font-size;
|
||||
line-height: $line-height;
|
||||
border-radius: $border-radius;
|
||||
padding: $padding-vertical $padding-horizontal;
|
||||
font-size: $font-size;
|
||||
line-height: $line-height;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
@mixin button-variant($color, $bg, $border) {
|
||||
$correction: 1;
|
||||
@if hue($bg) > 120 and hue($bg) < 160 or lightness($bg) > 90 {
|
||||
$correction: .5;
|
||||
}
|
||||
$normal-shadow: darken($border, 12% * $correction);
|
||||
$focus-bg: darken($bg, 12% * $correction);
|
||||
$focus-border: darken($border, 12% * $correction);
|
||||
$focus-shadow: darken($focus-border, 12% * $correction);
|
||||
$active-bg: darken($bg, 12% * $correction);
|
||||
$active-border: darken($border, 15% * $correction);
|
||||
$active-shadow: inset 0 3px 4px -2px $active-border;
|
||||
$correction: 1;
|
||||
@if hue($bg) > 120 and hue($bg) < 160 or lightness($bg) > 90 {
|
||||
$correction: .5;
|
||||
}
|
||||
$normal-shadow: darken($border, 12% * $correction);
|
||||
$focus-bg: darken($bg, 12% * $correction);
|
||||
$focus-border: darken($border, 12% * $correction);
|
||||
$focus-shadow: darken($focus-border, 12% * $correction);
|
||||
$active-bg: darken($bg, 12% * $correction);
|
||||
$active-border: darken($border, 15% * $correction);
|
||||
$active-shadow: inset 0 3px 4px -2px $active-border;
|
||||
|
||||
@if lightness($bg) > 98 {
|
||||
$focus-bg: darken($bg, 5%);
|
||||
$focus-border: darken($border, 5%);
|
||||
$normal-shadow: none;
|
||||
$focus-shadow: none;
|
||||
}
|
||||
@if lightness($bg) > 98 {
|
||||
$focus-bg: darken($bg, 5%);
|
||||
$focus-border: darken($border, 5%);
|
||||
$normal-shadow: none;
|
||||
$focus-shadow: none;
|
||||
}
|
||||
|
||||
background-color: $bg;
|
||||
background-color: $bg;
|
||||
color: $color;
|
||||
@if $normal-shadow == "none" {
|
||||
border-color: $border;
|
||||
box-shadow: none;
|
||||
} @else {
|
||||
border-color: $border $border $normal-shadow;
|
||||
box-shadow: 0 1px 0 $normal-shadow;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $focus-bg;
|
||||
color: $color;
|
||||
@if $normal-shadow == "none" {
|
||||
border-color: $border;
|
||||
box-shadow: none;
|
||||
@if $focus-shadow == "none" {
|
||||
border-color: $focus-border;
|
||||
box-shadow: none;
|
||||
} @else {
|
||||
border-color: $border $border $normal-shadow;
|
||||
box-shadow: 0 1px 0 $normal-shadow;
|
||||
border-color: $focus-border $focus-border $focus-shadow;
|
||||
box-shadow: 0 1px 0 $focus-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $focus-bg;
|
||||
color: $color;
|
||||
@if $focus-shadow == "none" {
|
||||
border-color: $focus-border;
|
||||
box-shadow: none;
|
||||
} @else {
|
||||
border-color: $focus-border $focus-border $focus-shadow;
|
||||
box-shadow: 0 1px 0 $focus-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: $active-border;
|
||||
background-color: $active-bg;
|
||||
box-shadow: $active-shadow;
|
||||
@include translate(0, 1px);
|
||||
}
|
||||
&:active {
|
||||
border-color: $active-border;
|
||||
background-color: $active-bg;
|
||||
box-shadow: $active-shadow;
|
||||
@include translate(0, 1px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
// Center-align a block level element
|
||||
|
||||
@mixin center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
@@ -11,24 +11,24 @@
|
||||
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
||||
|
||||
@mixin clearfix() {
|
||||
&::before,
|
||||
&::after {
|
||||
display: table; // 1
|
||||
content: " "; // 2
|
||||
}
|
||||
&::before,
|
||||
&::after {
|
||||
display: table; // 1
|
||||
content: " "; // 2
|
||||
}
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Lighter (for output CSS) cleafix with placeholder
|
||||
|
||||
%clearfix {
|
||||
&::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
&::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,43 +1,43 @@
|
||||
// Form control focus state
|
||||
//
|
||||
@mixin form-control-focus($color: $input-border-focus) {
|
||||
&:focus {
|
||||
border-color: $color;
|
||||
outline: 0;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($color, .5);
|
||||
}
|
||||
&:focus {
|
||||
border-color: $color;
|
||||
outline: 0;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($color, .5);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Form control sizing
|
||||
//
|
||||
@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
|
||||
#{$parent} {
|
||||
height: $input-height;
|
||||
padding: $padding-vertical $padding-horizontal;
|
||||
border-radius: $border-radius;
|
||||
font-size: $font-size;
|
||||
line-height: $line-height;
|
||||
}
|
||||
#{$parent} {
|
||||
height: $input-height;
|
||||
padding: $padding-vertical $padding-horizontal;
|
||||
border-radius: $border-radius;
|
||||
font-size: $font-size;
|
||||
line-height: $line-height;
|
||||
}
|
||||
|
||||
select#{$parent} {
|
||||
height: $input-height;
|
||||
line-height: $input-height;
|
||||
}
|
||||
select#{$parent} {
|
||||
height: $input-height;
|
||||
line-height: $input-height;
|
||||
}
|
||||
|
||||
textarea#{$parent},
|
||||
select[multiple]#{$parent} {
|
||||
height: auto;
|
||||
}
|
||||
textarea#{$parent},
|
||||
select[multiple]#{$parent} {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin checkbox() {
|
||||
padding-left: 20px;
|
||||
@include user-select(none);
|
||||
@extend %clearfix;
|
||||
padding-left: 20px;
|
||||
@include user-select(none);
|
||||
@extend %clearfix;
|
||||
|
||||
input[type="checkbox"] {
|
||||
margin-left: -20px;
|
||||
float: left;
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
margin-left: -20px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,11 +7,11 @@
|
||||
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
||||
// Color stops are not available in IE9 and below.
|
||||
@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
|
||||
background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
|
||||
background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
|
||||
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
|
||||
background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
|
||||
background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
|
||||
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
|
||||
}
|
||||
|
||||
// Vertical gradient, from top to bottom
|
||||
@@ -19,44 +19,44 @@
|
||||
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
||||
// Color stops are not available in IE9 and below.
|
||||
@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
|
||||
background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
|
||||
background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
|
||||
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
|
||||
background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
|
||||
background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
|
||||
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
|
||||
}
|
||||
|
||||
@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
|
||||
background-repeat: repeat-x;
|
||||
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
|
||||
background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
|
||||
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
||||
background-repeat: repeat-x;
|
||||
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
|
||||
background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
|
||||
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
||||
}
|
||||
|
||||
@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
|
||||
background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-repeat: no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
|
||||
background-repeat: no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
|
||||
@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
|
||||
background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||
background-repeat: no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||
background-repeat: no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
|
||||
@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
|
||||
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
|
||||
background-image: radial-gradient(circle, $inner-color, $outer-color);
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
|
||||
background-image: radial-gradient(circle, $inner-color, $outer-color);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@mixin gradient-striped($color: rgba(255, 255, 255, .15), $angle: 45deg) {
|
||||
background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
||||
background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
||||
}
|
||||
|
||||
@@ -2,14 +2,14 @@
|
||||
//
|
||||
|
||||
@mixin img-retina($file-2x, $width-1x, $height-1x) {
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min--moz-device-pixel-ratio: 2),
|
||||
only screen and (-o-min-device-pixel-ratio: 2/1),
|
||||
only screen and (min-device-pixel-ratio: 2),
|
||||
only screen and (min-resolution: 192dpi),
|
||||
only screen and (min-resolution: 2dppx) {
|
||||
background-image: url("#{$file-2x}");
|
||||
background-size: $width-1x $height-1x;
|
||||
}
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min--moz-device-pixel-ratio: 2),
|
||||
only screen and (-o-min-device-pixel-ratio: 2/1),
|
||||
only screen and (min-device-pixel-ratio: 2),
|
||||
only screen and (min-resolution: 192dpi),
|
||||
only screen and (min-resolution: 2dppx) {
|
||||
background-image: url("#{$file-2x}");
|
||||
background-size: $width-1x $height-1x;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,182 +1,182 @@
|
||||
// Priority highlight
|
||||
|
||||
@mixin priority($parent, $background, $color, $link) {
|
||||
@if lightness($background) < 85% {
|
||||
$background: lighten($background, 6%);
|
||||
@if lightness($background) < 85% {
|
||||
$background: lighten($background, 6%);
|
||||
}
|
||||
|
||||
$border-color: darken(desaturate($background, 30%), 13.5%);
|
||||
|
||||
tr#{$parent} {
|
||||
background: $background;
|
||||
|
||||
@if ".priority-default" == $parent {
|
||||
color: $color;
|
||||
} @else {
|
||||
color: darken($color, 10%);
|
||||
}
|
||||
|
||||
$border-color: darken(desaturate($background, 30%), 13.5%);
|
||||
@if $table-list-color-odd-rows {
|
||||
&.odd {
|
||||
background: darken($background, $table-accent-factor * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
tr#{$parent} {
|
||||
@if $table-list-color-even-rows {
|
||||
&.even {
|
||||
background: darken($background, $table-accent-factor * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
border-color: $border-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link;
|
||||
|
||||
&:hover {
|
||||
color: darken($link, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-highlight-rows {
|
||||
table.list > tbody > tr#{$parent}:hover {
|
||||
background: darken($background, $table-hover-factor * 100%);
|
||||
}
|
||||
|
||||
@if $table-list-color-odd-rows {
|
||||
&.odd {
|
||||
background: darken($background, ($table-accent-factor + $table-hover-factor) * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-color-even-rows {
|
||||
&.even {
|
||||
background: darken($background, ($table-accent-factor + $table-hover-factor) * 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if $colored-issue {
|
||||
.issue.details#{$parent} {
|
||||
color: $color;
|
||||
|
||||
@if ".priority-default" == $parent {
|
||||
$border-color: $issue-border;
|
||||
background: $issue-bg;
|
||||
} @else {
|
||||
background: $background;
|
||||
}
|
||||
|
||||
&,
|
||||
hr {
|
||||
border-color: $border-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link;
|
||||
|
||||
&:hover {
|
||||
color: darken($link, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.next-prev-links {
|
||||
color: mix($color, $gray-light, 25%);
|
||||
}
|
||||
|
||||
> .description > .wiki {
|
||||
border-top-color: $border-color;
|
||||
}
|
||||
|
||||
.wiki {
|
||||
a {
|
||||
color: $link-color;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
|
||||
&.new {
|
||||
color: $brand-danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .attachments {
|
||||
border-top-color: lighten($border-color, 5%);
|
||||
|
||||
@if ".priority-default" == $parent {
|
||||
color: $color;
|
||||
background-color: lighten($issue-bg, 1.5%);
|
||||
} @else {
|
||||
color: darken($color, 10%);
|
||||
background-color: lighten($background, 5%);
|
||||
}
|
||||
|
||||
@if $table-list-color-odd-rows {
|
||||
&.odd {
|
||||
background: darken($background, $table-accent-factor * 100%);
|
||||
}
|
||||
span.author {
|
||||
color: mix($color, $gray, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-color-even-rows {
|
||||
&.even {
|
||||
background: darken($background, $table-accent-factor * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
border-color: $border-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link;
|
||||
|
||||
&:hover {
|
||||
color: darken($link, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-highlight-rows {
|
||||
table.list > tbody > tr#{$parent}:hover {
|
||||
background: darken($background, $table-hover-factor * 100%);
|
||||
}
|
||||
|
||||
@if $table-list-color-odd-rows {
|
||||
&.odd {
|
||||
background: darken($background, ($table-accent-factor + $table-hover-factor) * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-color-even-rows {
|
||||
&.even {
|
||||
background: darken($background, ($table-accent-factor + $table-hover-factor) * 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if $colored-issue {
|
||||
.issue.details#{$parent} {
|
||||
color: $color;
|
||||
|
||||
@if ".priority-default" == $parent {
|
||||
$border-color: $issue-border;
|
||||
background: $issue-bg;
|
||||
} @else {
|
||||
background: $background;
|
||||
}
|
||||
|
||||
&,
|
||||
hr {
|
||||
border-color: $border-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link;
|
||||
|
||||
&:hover {
|
||||
color: darken($link, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.next-prev-links {
|
||||
color: mix($color, $gray-light, 25%);
|
||||
}
|
||||
|
||||
> .description > .wiki {
|
||||
border-top-color: $border-color;
|
||||
}
|
||||
|
||||
.wiki {
|
||||
a {
|
||||
color: $link-color;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
|
||||
&.new {
|
||||
color: $brand-danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .attachments {
|
||||
border-top-color: lighten($border-color, 5%);
|
||||
|
||||
@if ".priority-default" == $parent {
|
||||
background-color: lighten($issue-bg, 1.5%);
|
||||
} @else {
|
||||
background-color: lighten($background, 5%);
|
||||
}
|
||||
|
||||
span.author {
|
||||
color: mix($color, $gray, 25%);
|
||||
}
|
||||
}
|
||||
|
||||
.list td {
|
||||
border-bottom-color: $border-color;
|
||||
}
|
||||
}
|
||||
.list td {
|
||||
border-bottom-color: $border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Tracker highlight
|
||||
|
||||
@mixin tracker($parent, $background, $color) {
|
||||
tr#{$parent} .id > a,
|
||||
a#{$parent},
|
||||
.relations > span > a#{$parent},
|
||||
.parent > a#{$parent} {
|
||||
background-color: $background;
|
||||
tr#{$parent} .id > a,
|
||||
a#{$parent},
|
||||
.relations > span > a#{$parent},
|
||||
.parent > a#{$parent} {
|
||||
background-color: $background;
|
||||
color: $color;
|
||||
|
||||
&:hover {
|
||||
@if hue($background) > 15deg and hue($background) < 40deg {
|
||||
background-color: darken(adjust-hue($background, -8deg), 8%);
|
||||
} @else {
|
||||
background-color: darken($background, 10%);
|
||||
}
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
a#{$parent} {
|
||||
&.closed {
|
||||
color: mix($color, $background, 75%);
|
||||
|
||||
&::after {
|
||||
border-top-color: rgba($color, .95);
|
||||
}
|
||||
|
||||
&:hover::after {
|
||||
border-top-color: rgba($color, .25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr#{$parent} .id > a {
|
||||
&::before {
|
||||
color: mix($color, $background, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
@if $colored-issue {
|
||||
.issue.details a#{$parent},
|
||||
.issue.details .wiki a#{$parent} {
|
||||
&,
|
||||
&:hover {
|
||||
color: $color;
|
||||
|
||||
&:hover {
|
||||
@if hue($background) > 15deg and hue($background) < 40deg {
|
||||
background-color: darken(adjust-hue($background, -8deg), 8%);
|
||||
} @else {
|
||||
background-color: darken($background, 10%);
|
||||
}
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
a#{$parent} {
|
||||
&.closed {
|
||||
color: mix($color, $background, 75%);
|
||||
|
||||
&::after {
|
||||
border-top-color: rgba($color, .95);
|
||||
}
|
||||
|
||||
&:hover::after {
|
||||
border-top-color: rgba($color, .25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr#{$parent} .id > a {
|
||||
&::before {
|
||||
color: mix($color, $background, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
@if $colored-issue {
|
||||
.issue.details a#{$parent},
|
||||
.issue.details .wiki a#{$parent} {
|
||||
&,
|
||||
&:hover {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
// Link variant
|
||||
|
||||
@mixin link-variant($default-color, $hover-color: darken($default-color, 10%)) {
|
||||
color: $default-color;
|
||||
color: $default-color;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $hover-color;
|
||||
}
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
// Opacity
|
||||
|
||||
@mixin opacity($opacity) {
|
||||
opacity: $opacity;
|
||||
// IE8 filter
|
||||
$opacity-ie: ($opacity * 100);
|
||||
filter: #{alpha(opacity=$opacity-ie)};
|
||||
opacity: $opacity;
|
||||
// IE8 filter
|
||||
$opacity-ie: ($opacity * 100);
|
||||
filter: #{alpha(opacity=$opacity-ie)};
|
||||
}
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
// Some really nice looking shadows
|
||||
|
||||
@mixin nice-shadow($depth: 1) {
|
||||
$shadow: none;
|
||||
$shadow: none;
|
||||
|
||||
@if ($depth == 1) {
|
||||
$shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24);
|
||||
} @elseif ($depth == 2) {
|
||||
$shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23);
|
||||
} @elseif ($depth == 3) {
|
||||
$shadow: 0 10px 18px rgba(#000, .19), 0 6px 8px rgba(#000, .23);
|
||||
} @elseif ($depth == 4) {
|
||||
$shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22);
|
||||
} @elseif ($depth == 5) {
|
||||
$shadow: 0 19px 38px rgba(#000, .3), 0 15px 12px rgba(#000, .22);
|
||||
}
|
||||
@if ($depth == 1) {
|
||||
$shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24);
|
||||
} @elseif ($depth == 2) {
|
||||
$shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23);
|
||||
} @elseif ($depth == 3) {
|
||||
$shadow: 0 10px 18px rgba(#000, .19), 0 6px 8px rgba(#000, .23);
|
||||
} @elseif ($depth == 4) {
|
||||
$shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22);
|
||||
} @elseif ($depth == 5) {
|
||||
$shadow: 0 19px 38px rgba(#000, .3), 0 15px 12px rgba(#000, .22);
|
||||
}
|
||||
|
||||
box-shadow: $shadow;
|
||||
box-shadow: $shadow;
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
// Requires inline-block or block for proper styling
|
||||
|
||||
@mixin text-overflow() {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@@ -18,44 +18,44 @@
|
||||
|
||||
// Animations
|
||||
@mixin animation($animation) {
|
||||
-webkit-animation: $animation;
|
||||
-o-animation: $animation;
|
||||
animation: $animation;
|
||||
-webkit-animation: $animation;
|
||||
-o-animation: $animation;
|
||||
animation: $animation;
|
||||
}
|
||||
|
||||
@mixin animation-name($name) {
|
||||
-webkit-animation-name: $name;
|
||||
animation-name: $name;
|
||||
-webkit-animation-name: $name;
|
||||
animation-name: $name;
|
||||
}
|
||||
|
||||
@mixin animation-duration($duration) {
|
||||
-webkit-animation-duration: $duration;
|
||||
animation-duration: $duration;
|
||||
-webkit-animation-duration: $duration;
|
||||
animation-duration: $duration;
|
||||
}
|
||||
|
||||
@mixin animation-timing-function($timing-function) {
|
||||
-webkit-animation-timing-function: $timing-function;
|
||||
animation-timing-function: $timing-function;
|
||||
-webkit-animation-timing-function: $timing-function;
|
||||
animation-timing-function: $timing-function;
|
||||
}
|
||||
|
||||
@mixin animation-delay($delay) {
|
||||
-webkit-animation-delay: $delay;
|
||||
animation-delay: $delay;
|
||||
-webkit-animation-delay: $delay;
|
||||
animation-delay: $delay;
|
||||
}
|
||||
|
||||
@mixin animation-iteration-count($iteration-count) {
|
||||
-webkit-animation-iteration-count: $iteration-count;
|
||||
animation-iteration-count: $iteration-count;
|
||||
-webkit-animation-iteration-count: $iteration-count;
|
||||
animation-iteration-count: $iteration-count;
|
||||
}
|
||||
|
||||
@mixin animation-direction($direction) {
|
||||
-webkit-animation-direction: $direction;
|
||||
animation-direction: $direction;
|
||||
-webkit-animation-direction: $direction;
|
||||
animation-direction: $direction;
|
||||
}
|
||||
|
||||
@mixin animation-fill-mode($fill-mode) {
|
||||
-webkit-animation-fill-mode: $fill-mode;
|
||||
animation-fill-mode: $fill-mode;
|
||||
-webkit-animation-fill-mode: $fill-mode;
|
||||
animation-fill-mode: $fill-mode;
|
||||
}
|
||||
|
||||
// Backface visibility
|
||||
@@ -63,165 +63,165 @@
|
||||
// Default value is `visible`, but can be changed to `hidden`
|
||||
|
||||
@mixin backface-visibility($visibility) {
|
||||
-webkit-backface-visibility: $visibility;
|
||||
-moz-backface-visibility: $visibility;
|
||||
backface-visibility: $visibility;
|
||||
-webkit-backface-visibility: $visibility;
|
||||
-moz-backface-visibility: $visibility;
|
||||
backface-visibility: $visibility;
|
||||
}
|
||||
|
||||
// Box sizing
|
||||
@mixin box-sizing($boxmodel) {
|
||||
-webkit-box-sizing: $boxmodel;
|
||||
-moz-box-sizing: $boxmodel;
|
||||
box-sizing: $boxmodel;
|
||||
-webkit-box-sizing: $boxmodel;
|
||||
-moz-box-sizing: $boxmodel;
|
||||
box-sizing: $boxmodel;
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
|
||||
-webkit-column-count: $column-count;
|
||||
-moz-column-count: $column-count;
|
||||
column-count: $column-count;
|
||||
-webkit-column-gap: $column-gap;
|
||||
-moz-column-gap: $column-gap;
|
||||
column-gap: $column-gap;
|
||||
-webkit-column-count: $column-count;
|
||||
-moz-column-count: $column-count;
|
||||
column-count: $column-count;
|
||||
-webkit-column-gap: $column-gap;
|
||||
-moz-column-gap: $column-gap;
|
||||
column-gap: $column-gap;
|
||||
}
|
||||
|
||||
// Optional hyphenation
|
||||
@mixin hyphens($mode: auto) {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: $mode;
|
||||
-moz-hyphens: $mode;
|
||||
-ms-hyphens: $mode; // IE10+
|
||||
-o-hyphens: $mode;
|
||||
hyphens: $mode;
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: $mode;
|
||||
-moz-hyphens: $mode;
|
||||
-ms-hyphens: $mode; // IE10+
|
||||
-o-hyphens: $mode;
|
||||
hyphens: $mode;
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
@mixin placeholder($color: $input-color-placeholder) {
|
||||
// Firefox
|
||||
&::-moz-placeholder {
|
||||
color: $color;
|
||||
opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
|
||||
}
|
||||
// Firefox
|
||||
&::-moz-placeholder {
|
||||
color: $color;
|
||||
opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
|
||||
}
|
||||
|
||||
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
|
||||
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
|
||||
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
|
||||
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
|
||||
}
|
||||
|
||||
// Transformations
|
||||
@mixin scale($ratio...) {
|
||||
-webkit-transform: scale($ratio);
|
||||
-ms-transform: scale($ratio); // IE9 only
|
||||
-o-transform: scale($ratio);
|
||||
transform: scale($ratio);
|
||||
-webkit-transform: scale($ratio);
|
||||
-ms-transform: scale($ratio); // IE9 only
|
||||
-o-transform: scale($ratio);
|
||||
transform: scale($ratio);
|
||||
}
|
||||
|
||||
@mixin scaleX($ratio) {
|
||||
-webkit-transform: scaleX($ratio);
|
||||
-ms-transform: scaleX($ratio); // IE9 only
|
||||
-o-transform: scaleX($ratio);
|
||||
transform: scaleX($ratio);
|
||||
-webkit-transform: scaleX($ratio);
|
||||
-ms-transform: scaleX($ratio); // IE9 only
|
||||
-o-transform: scaleX($ratio);
|
||||
transform: scaleX($ratio);
|
||||
}
|
||||
|
||||
@mixin scaleY($ratio) {
|
||||
-webkit-transform: scaleY($ratio);
|
||||
-ms-transform: scaleY($ratio); // IE9 only
|
||||
-o-transform: scaleY($ratio);
|
||||
transform: scaleY($ratio);
|
||||
-webkit-transform: scaleY($ratio);
|
||||
-ms-transform: scaleY($ratio); // IE9 only
|
||||
-o-transform: scaleY($ratio);
|
||||
transform: scaleY($ratio);
|
||||
}
|
||||
|
||||
@mixin skew($x, $y) {
|
||||
-webkit-transform: skewX($x) skewY($y);
|
||||
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
||||
-o-transform: skewX($x) skewY($y);
|
||||
transform: skewX($x) skewY($y);
|
||||
-webkit-transform: skewX($x) skewY($y);
|
||||
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
||||
-o-transform: skewX($x) skewY($y);
|
||||
transform: skewX($x) skewY($y);
|
||||
}
|
||||
|
||||
@mixin translate($x, $y) {
|
||||
-webkit-transform: translate($x, $y);
|
||||
-ms-transform: translate($x, $y); // IE9 only
|
||||
-o-transform: translate($x, $y);
|
||||
transform: translate($x, $y);
|
||||
-webkit-transform: translate($x, $y);
|
||||
-ms-transform: translate($x, $y); // IE9 only
|
||||
-o-transform: translate($x, $y);
|
||||
transform: translate($x, $y);
|
||||
}
|
||||
|
||||
@mixin translate3d($x, $y, $z) {
|
||||
-webkit-transform: translate3d($x, $y, $z);
|
||||
transform: translate3d($x, $y, $z);
|
||||
-webkit-transform: translate3d($x, $y, $z);
|
||||
transform: translate3d($x, $y, $z);
|
||||
}
|
||||
|
||||
@mixin rotate($degrees) {
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees); // IE9 only
|
||||
-o-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees); // IE9 only
|
||||
-o-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
@mixin rotateX($degrees) {
|
||||
-webkit-transform: rotateX($degrees);
|
||||
-ms-transform: rotateX($degrees); // IE9 only
|
||||
-o-transform: rotateX($degrees);
|
||||
transform: rotateX($degrees);
|
||||
-webkit-transform: rotateX($degrees);
|
||||
-ms-transform: rotateX($degrees); // IE9 only
|
||||
-o-transform: rotateX($degrees);
|
||||
transform: rotateX($degrees);
|
||||
}
|
||||
|
||||
@mixin rotateY($degrees) {
|
||||
-webkit-transform: rotateY($degrees);
|
||||
-ms-transform: rotateY($degrees); // IE9 only
|
||||
-o-transform: rotateY($degrees);
|
||||
transform: rotateY($degrees);
|
||||
-webkit-transform: rotateY($degrees);
|
||||
-ms-transform: rotateY($degrees); // IE9 only
|
||||
-o-transform: rotateY($degrees);
|
||||
transform: rotateY($degrees);
|
||||
}
|
||||
|
||||
@mixin perspective($perspective) {
|
||||
-webkit-perspective: $perspective;
|
||||
-moz-perspective: $perspective;
|
||||
perspective: $perspective;
|
||||
-webkit-perspective: $perspective;
|
||||
-moz-perspective: $perspective;
|
||||
perspective: $perspective;
|
||||
}
|
||||
|
||||
@mixin perspective-origin($perspective) {
|
||||
-webkit-perspective-origin: $perspective;
|
||||
-moz-perspective-origin: $perspective;
|
||||
perspective-origin: $perspective;
|
||||
-webkit-perspective-origin: $perspective;
|
||||
-moz-perspective-origin: $perspective;
|
||||
perspective-origin: $perspective;
|
||||
}
|
||||
|
||||
@mixin transform-origin($origin) {
|
||||
-webkit-transform-origin: $origin;
|
||||
-moz-transform-origin: $origin;
|
||||
-ms-transform-origin: $origin; // IE9 only
|
||||
transform-origin: $origin;
|
||||
-webkit-transform-origin: $origin;
|
||||
-moz-transform-origin: $origin;
|
||||
-ms-transform-origin: $origin; // IE9 only
|
||||
transform-origin: $origin;
|
||||
}
|
||||
|
||||
|
||||
// Transitions
|
||||
|
||||
@mixin transition($transition...) {
|
||||
-webkit-transition: $transition;
|
||||
-o-transition: $transition;
|
||||
transition: $transition;
|
||||
-webkit-transition: $transition;
|
||||
-o-transition: $transition;
|
||||
transition: $transition;
|
||||
}
|
||||
|
||||
@mixin transition-property($transition-property...) {
|
||||
-webkit-transition-property: $transition-property;
|
||||
transition-property: $transition-property;
|
||||
-webkit-transition-property: $transition-property;
|
||||
transition-property: $transition-property;
|
||||
}
|
||||
|
||||
@mixin transition-delay($transition-delay) {
|
||||
-webkit-transition-delay: $transition-delay;
|
||||
transition-delay: $transition-delay;
|
||||
-webkit-transition-delay: $transition-delay;
|
||||
transition-delay: $transition-delay;
|
||||
}
|
||||
|
||||
@mixin transition-duration($transition-duration...) {
|
||||
-webkit-transition-duration: $transition-duration;
|
||||
transition-duration: $transition-duration;
|
||||
-webkit-transition-duration: $transition-duration;
|
||||
transition-duration: $transition-duration;
|
||||
}
|
||||
|
||||
@mixin transition-timing-function($timing-function) {
|
||||
-webkit-transition-timing-function: $timing-function;
|
||||
transition-timing-function: $timing-function;
|
||||
-webkit-transition-timing-function: $timing-function;
|
||||
transition-timing-function: $timing-function;
|
||||
}
|
||||
|
||||
@mixin transition-transform($transition...) {
|
||||
-webkit-transition: -webkit-transform $transition;
|
||||
-moz-transition: -moz-transform $transition;
|
||||
-o-transition: -o-transform $transition;
|
||||
transition: transform $transition;
|
||||
-webkit-transition: -webkit-transform $transition;
|
||||
-moz-transition: -moz-transform $transition;
|
||||
-o-transition: -o-transform $transition;
|
||||
transition: transform $transition;
|
||||
}
|
||||
|
||||
|
||||
@@ -229,8 +229,8 @@
|
||||
// For selecting text on the page
|
||||
|
||||
@mixin user-select($select) {
|
||||
-webkit-user-select: $select;
|
||||
-moz-user-select: $select;
|
||||
-ms-user-select: $select; // IE10+
|
||||
user-select: $select;
|
||||
-webkit-user-select: $select;
|
||||
-moz-user-select: $select;
|
||||
-ms-user-select: $select; // IE10+
|
||||
user-select: $select;
|
||||
}
|
||||
|
||||
@@ -1,45 +1,45 @@
|
||||
@import "common";
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
height: 100%;
|
||||
overflow-y: scroll;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: mix($gray-lighter, $header-bg, 70%);
|
||||
color: $text-color;
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
line-height: $line-height-base;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: mix($gray-lighter, $header-bg, 70%);
|
||||
color: $text-color;
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
line-height: $line-height-base;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link-color;
|
||||
text-decoration: none;
|
||||
color: $link-color;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
}
|
||||
|
||||
.issue.closed {
|
||||
color: $link-color-issue-closed;
|
||||
text-decoration: $link-closed-decoration;
|
||||
color: $link-color-issue-closed;
|
||||
text-decoration: $link-closed-decoration;
|
||||
}
|
||||
|
||||
.project.closed {
|
||||
color: $link-color-project-closed;
|
||||
color: $link-color-project-closed;
|
||||
}
|
||||
|
||||
.user.locked {
|
||||
color: $link-color-user-locked;
|
||||
color: $link-color-user-locked;
|
||||
}
|
||||
|
||||
|
||||
@@ -50,10 +50,10 @@ button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: $font-size-base;
|
||||
line-height: $line-height-base;
|
||||
@include box-sizing(border-box);
|
||||
font-family: inherit;
|
||||
font-size: $font-size-base;
|
||||
line-height: $line-height-base;
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
select,
|
||||
@@ -63,58 +63,58 @@ input[type="text"],
|
||||
input.name,
|
||||
input.editor,
|
||||
#col_width input {
|
||||
height: $input-height-base;
|
||||
padding: $input-padding-vertical $input-padding-horizontal;
|
||||
border: 1px solid $input-border;
|
||||
border-radius: $input-border-radius;
|
||||
background-color: $input-bg;
|
||||
color: $input-color;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
|
||||
@include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s);
|
||||
@include form-control-focus();
|
||||
@include placeholder();
|
||||
height: $input-height-base;
|
||||
padding: $input-padding-vertical $input-padding-horizontal;
|
||||
border: 1px solid $input-border;
|
||||
border-radius: $input-border-radius;
|
||||
background-color: $input-bg;
|
||||
color: $input-color;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
|
||||
@include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s);
|
||||
@include form-control-focus();
|
||||
@include placeholder();
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
height: auto;
|
||||
resize: vertical;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
select:-moz-focusring {
|
||||
color: transparent;
|
||||
text-shadow: 0 0 0 #000;
|
||||
color: transparent;
|
||||
text-shadow: 0 0 0 #000;
|
||||
}
|
||||
|
||||
button.ui-multiselect {
|
||||
height: $input-height-base;
|
||||
padding: $input-padding-vertical $input-padding-horizontal;
|
||||
border: 1px solid $input-border;
|
||||
background: $input-bg;
|
||||
height: $input-height-base;
|
||||
padding: $input-padding-vertical $input-padding-horizontal;
|
||||
border: 1px solid $input-border;
|
||||
background: $input-bg;
|
||||
color: $input-color;
|
||||
white-space: nowrap;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
@include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s);
|
||||
@include box-sizing(border-box);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $input-color;
|
||||
white-space: nowrap;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
@include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s);
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $input-color;
|
||||
}
|
||||
&:active {
|
||||
@include translate(0, 0);
|
||||
}
|
||||
|
||||
&:active {
|
||||
@include translate(0, 0);
|
||||
}
|
||||
&.ui-state-active {
|
||||
border-color: $input-border-focus;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($input-border-focus, .5);
|
||||
}
|
||||
|
||||
&.ui-state-active {
|
||||
border-color: $input-border-focus;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($input-border-focus, .5);
|
||||
}
|
||||
|
||||
.ui-icon {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.ui-icon {
|
||||
margin-top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -122,93 +122,93 @@ button.ui-multiselect {
|
||||
//
|
||||
|
||||
#toolbar {
|
||||
display: block;
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 10px $padding-side;
|
||||
background-color: $main-menu-bg;
|
||||
box-shadow: $panel-shadow;
|
||||
overflow: hidden;
|
||||
z-index: 1000;
|
||||
@include clearfix;
|
||||
|
||||
.breadcrumbs {
|
||||
margin-right: 10px;
|
||||
float: left;
|
||||
|
||||
select {
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.home {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.separator {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 0 .2em;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
.userselect {
|
||||
position: relative;
|
||||
padding: 10px $padding-side;
|
||||
background-color: $main-menu-bg;
|
||||
box-shadow: $panel-shadow;
|
||||
overflow: hidden;
|
||||
z-index: 1000;
|
||||
@include clearfix;
|
||||
float: left;
|
||||
|
||||
.breadcrumbs {
|
||||
margin-right: 10px;
|
||||
float: left;
|
||||
|
||||
select {
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.home {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.separator {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 0 .2em;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.userselect {
|
||||
position: relative;
|
||||
float: left;
|
||||
|
||||
ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
br {
|
||||
display: none;
|
||||
}
|
||||
br {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.links {
|
||||
float: right;
|
||||
.links {
|
||||
float: right;
|
||||
|
||||
a {
|
||||
padding-left: 5px;
|
||||
cursor: pointer;
|
||||
@include user-select(none);
|
||||
}
|
||||
a {
|
||||
padding-left: 5px;
|
||||
cursor: pointer;
|
||||
@include user-select(none);
|
||||
}
|
||||
}
|
||||
|
||||
input[type="search"],
|
||||
input[type="text"],
|
||||
select,
|
||||
.ui-widget {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $screen-md-max) {
|
||||
font-size: $font-size-small;
|
||||
|
||||
input[type="search"],
|
||||
input[type="text"],
|
||||
select,
|
||||
.ui-widget {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
$input-padding-vertical-small: 3px;
|
||||
$input-padding-horizontal-small: 5px;
|
||||
|
||||
height: ($line-height-computed + ($input-padding-vertical-small * 2) + 2);
|
||||
padding: $input-padding-vertical-small $input-padding-horizontal-small;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $screen-md-max) {
|
||||
font-size: $font-size-small;
|
||||
|
||||
input[type="search"],
|
||||
input[type="text"],
|
||||
select,
|
||||
.ui-widget {
|
||||
$input-padding-vertical-small: 3px;
|
||||
$input-padding-horizontal-small: 5px;
|
||||
|
||||
height: ($line-height-computed + ($input-padding-vertical-small * 2) + 2);
|
||||
padding: $input-padding-vertical-small $input-padding-horizontal-small;
|
||||
}
|
||||
|
||||
#project_quick_jump_box {
|
||||
width: 128px;
|
||||
}
|
||||
#project_quick_jump_box {
|
||||
width: 128px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#refresh {
|
||||
.loading & {
|
||||
background-image: url("images/bouncer.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -6px 1px;
|
||||
}
|
||||
.loading & {
|
||||
background-image: url("images/bouncer.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -6px 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -216,76 +216,76 @@ button.ui-multiselect {
|
||||
//
|
||||
|
||||
.clearfix {
|
||||
@include clearfix;
|
||||
@include clearfix;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#helpers,
|
||||
.meta,
|
||||
.editors {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
// .editor is the classname for field editors of sprint,
|
||||
// story, task, impediment. These field editors get created
|
||||
// at runtime whenever any of the above models are edited.
|
||||
.ui-dialog .editor {
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul.ui-sortable {
|
||||
min-height: 20px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
//== Story tooltip
|
||||
//
|
||||
|
||||
.ui-tooltip {
|
||||
.ui-tooltip-content {
|
||||
hr {
|
||||
margin-top: $line-height-computed / 2;
|
||||
margin-bottom: $line-height-computed / 2;
|
||||
border: 0;
|
||||
border-top: 1px solid $hr-border;
|
||||
}
|
||||
|
||||
.wiki-anchor {
|
||||
display: none;
|
||||
}
|
||||
.ui-tooltip-content {
|
||||
hr {
|
||||
margin-top: $line-height-computed / 2;
|
||||
margin-bottom: $line-height-computed / 2;
|
||||
border: 0;
|
||||
border-top: 1px solid $hr-border;
|
||||
}
|
||||
|
||||
.issue-description {
|
||||
max-height: 10em;
|
||||
margin-top: 12px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
.wiki-anchor {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.issue-description {
|
||||
max-height: 10em;
|
||||
margin-top: 12px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.issue-field {
|
||||
margin: 2px 0 0;
|
||||
padding-left: 160px;
|
||||
overflow: hidden;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.issue-field {
|
||||
margin: 2px 0 0;
|
||||
padding-left: 160px;
|
||||
overflow: hidden;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
> label {
|
||||
margin-left: -160px;
|
||||
padding-right: 5px;
|
||||
float: left;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
> label {
|
||||
margin-left: -160px;
|
||||
padding-right: 5px;
|
||||
float: left;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip_text {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
//== drag-drop effect: disabled dropzones are greyed out
|
||||
@@ -293,13 +293,13 @@ ul.ui-sortable {
|
||||
|
||||
.rb-sortable-disabled,
|
||||
.ui-sortable-disabled {
|
||||
background-color: $gray-lighter;
|
||||
opacity: .5;
|
||||
background-color: $gray-lighter;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.w-rb-header-collapsed {
|
||||
height: 27px; // 14px * .86 * 1.42857 + 2 * 5px
|
||||
overflow: hidden;
|
||||
height: 27px; // 14px * .86 * 1.42857 + 2 * 5px
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
@@ -307,14 +307,14 @@ ul.ui-sortable {
|
||||
//
|
||||
|
||||
body {
|
||||
.ui-widget {
|
||||
&,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
button {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
.ui-widget {
|
||||
&,
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
button {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -2,117 +2,117 @@
|
||||
@import "../common";
|
||||
|
||||
.ui-multiselect {
|
||||
padding: 2px 0 2px 4px;
|
||||
text-align: left;
|
||||
padding: 2px 0 2px 4px;
|
||||
text-align: left;
|
||||
|
||||
span.ui-icon {
|
||||
float: right;
|
||||
}
|
||||
span.ui-icon {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-single .ui-multiselect-checkboxes {
|
||||
input {
|
||||
position: absolute !important;
|
||||
top: auto !important;
|
||||
left: -9999px;
|
||||
}
|
||||
input {
|
||||
position: absolute !important;
|
||||
top: auto !important;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
label {
|
||||
padding: 5px !important;
|
||||
}
|
||||
label {
|
||||
padding: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-header {
|
||||
margin-bottom: 3px;
|
||||
padding: 3px;
|
||||
margin-bottom: 3px;
|
||||
padding: 3px;
|
||||
|
||||
ul {
|
||||
font-size: $font-size-list;
|
||||
ul {
|
||||
font-size: $font-size-list;
|
||||
|
||||
li {
|
||||
padding: 0 10px 0 0;
|
||||
float: left;
|
||||
}
|
||||
li {
|
||||
padding: 0 10px 0 0;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
span.ui-icon {
|
||||
float: left;
|
||||
}
|
||||
span.ui-icon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
li.ui-multiselect-close {
|
||||
padding-right: 0;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
li.ui-multiselect-close {
|
||||
padding-right: 0;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
padding: 3px;
|
||||
text-align: left;
|
||||
z-index: 10000;
|
||||
@include nice-shadow(2);
|
||||
display: none;
|
||||
position: absolute;
|
||||
padding: 3px;
|
||||
text-align: left;
|
||||
z-index: 10000;
|
||||
@include nice-shadow(2);
|
||||
}
|
||||
|
||||
.ui-multiselect-checkboxes {
|
||||
position: relative;
|
||||
padding-right: 2px;
|
||||
overflow-y: scroll;
|
||||
position: relative;
|
||||
padding-right: 2px;
|
||||
overflow-y: scroll;
|
||||
|
||||
input[type="checkbox"] {
|
||||
top: 0;
|
||||
margin: 3px 0 0 -20px;
|
||||
float: left;
|
||||
input[type="checkbox"] {
|
||||
top: 0;
|
||||
margin: 3px 0 0 -20px;
|
||||
float: left;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
label {
|
||||
display: block;
|
||||
padding: 3px 1px;
|
||||
padding-left: 20px + 6px;
|
||||
border: 1px solid transparent;
|
||||
cursor: default;
|
||||
@include user-select(none);
|
||||
|
||||
input {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
clear: both;
|
||||
font-size: $font-size-list;
|
||||
|
||||
&.ui-multiselect-optgroup-label {
|
||||
margin-bottom: 2px;
|
||||
border-bottom: 1px solid $panel-border;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 3px 1px;
|
||||
padding-left: 20px + 6px;
|
||||
border: 1px solid transparent;
|
||||
cursor: default;
|
||||
@include user-select(none);
|
||||
|
||||
input {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
clear: both;
|
||||
font-size: $font-size-list;
|
||||
|
||||
&.ui-multiselect-optgroup-label {
|
||||
margin-bottom: 2px;
|
||||
border-bottom: 1px solid $panel-border;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
margin: 1px 0;
|
||||
padding: 3px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
margin: 1px 0;
|
||||
padding: 3px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Remove label borders in IE6 because IE6 does not support transparency
|
||||
* html .ui-multiselect-checkboxes label {
|
||||
border: 0 none;
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
@@ -1,37 +1,37 @@
|
||||
@import "../common";
|
||||
|
||||
.qtip {
|
||||
position: absolute;
|
||||
top: -31000px;
|
||||
left: -31000px;
|
||||
width: auto;
|
||||
max-width: 500px;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
top: -31000px;
|
||||
left: -31000px;
|
||||
width: auto;
|
||||
max-width: 500px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ui-tooltip-content {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
border: 1px solid $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-text;
|
||||
font-size: $font-size-list;
|
||||
text-align: left;
|
||||
word-wrap: break-word;
|
||||
@include nice-shadow(2);
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
border: 1px solid $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-text;
|
||||
font-size: $font-size-list;
|
||||
text-align: left;
|
||||
word-wrap: break-word;
|
||||
@include nice-shadow(2);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ui-tooltip-tip {
|
||||
border-color: $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
border-color: $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
}
|
||||
|
||||
.ui-tooltip-tip {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,63 +1,63 @@
|
||||
@import "common";
|
||||
|
||||
table {
|
||||
th,
|
||||
td {
|
||||
padding: $table-condensed-cell-padding $table-cell-padding;
|
||||
}
|
||||
th,
|
||||
td {
|
||||
padding: $table-condensed-cell-padding $table-cell-padding;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-widget {
|
||||
margin-bottom: $line-height-computed;
|
||||
margin-bottom: $line-height-computed;
|
||||
}
|
||||
|
||||
.score {
|
||||
display: inline-block;
|
||||
width: 1.5em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 1.5em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.score_0 {
|
||||
background-color: #f00;
|
||||
background-color: #f00;
|
||||
}
|
||||
|
||||
.score_1 {
|
||||
background-color: #ff5300;
|
||||
background-color: #ff5300;
|
||||
}
|
||||
|
||||
.score_2 {
|
||||
background-color: #ff8100;
|
||||
background-color: #ff8100;
|
||||
}
|
||||
|
||||
.score_3 {
|
||||
background-color: #ffa100;
|
||||
background-color: #ffa100;
|
||||
}
|
||||
|
||||
.score_4 {
|
||||
background-color: #fb0;
|
||||
background-color: #fb0;
|
||||
}
|
||||
|
||||
.score_5 {
|
||||
background-color: #ffd300;
|
||||
background-color: #ffd300;
|
||||
}
|
||||
|
||||
.score_6 {
|
||||
background-color: #ffec00;
|
||||
background-color: #ffec00;
|
||||
}
|
||||
|
||||
.score_7 {
|
||||
background-color: #e9fb00;
|
||||
background-color: #e9fb00;
|
||||
}
|
||||
|
||||
.score_8 {
|
||||
background-color: #b1f100;
|
||||
background-color: #b1f100;
|
||||
}
|
||||
|
||||
.score_9 {
|
||||
background-color: #74e600;
|
||||
background-color: #74e600;
|
||||
}
|
||||
|
||||
.score_10 {
|
||||
background-color: #0c0;
|
||||
background-color: #0c0;
|
||||
}
|
||||
|
||||
@@ -7,39 +7,39 @@ $issue-padding: 5px;
|
||||
$swimlane-width: $issue-width + 2 * ($issue-margin + $issue-padding + 1px);
|
||||
|
||||
#content {
|
||||
overflow: visible;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#taskboard {
|
||||
position: relative;
|
||||
margin-bottom: $padding-side;
|
||||
position: relative;
|
||||
margin-bottom: $padding-side;
|
||||
|
||||
table {
|
||||
margin-right: $padding-side;
|
||||
margin-left: $padding-side;
|
||||
border-collapse: separate;
|
||||
}
|
||||
table {
|
||||
margin-right: $padding-side;
|
||||
margin-left: $padding-side;
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.issue .subject {
|
||||
white-space: normal;
|
||||
}
|
||||
.issue .subject {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
#impediments {
|
||||
padding-top: 30px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#assigned_to_id_options {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#col_width {
|
||||
margin-left: 5px;
|
||||
margin-left: 5px;
|
||||
|
||||
input {
|
||||
width: 40px;
|
||||
text-align: right;
|
||||
}
|
||||
input {
|
||||
width: 40px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -53,9 +53,9 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
//
|
||||
|
||||
.swimlane {
|
||||
width: $swimlane-width;
|
||||
min-width: $swimlane-width;
|
||||
padding: 5px;
|
||||
width: $swimlane-width;
|
||||
min-width: $swimlane-width;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
@@ -63,151 +63,151 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
//
|
||||
|
||||
#board_header {
|
||||
position: absolute;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 0;
|
||||
border: 1px solid darken($header-bg, 5%);
|
||||
position: absolute;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 0;
|
||||
border: 1px solid darken($header-bg, 5%);
|
||||
background-color: $header-bg;
|
||||
z-index: 200;
|
||||
|
||||
td {
|
||||
height: 20px;
|
||||
border-right: 1px dotted mix($header-bg, $header-text, 70%);
|
||||
background-color: $header-bg;
|
||||
z-index: 200;
|
||||
color: $header-text;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
|
||||
td {
|
||||
height: 20px;
|
||||
border-right: 1px dotted mix($header-bg, $header-text, 70%);
|
||||
background-color: $header-bg;
|
||||
color: $header-text;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
|
||||
&:last-child {
|
||||
border-right: 0 none;
|
||||
}
|
||||
&:last-child {
|
||||
border-right: 0 none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.board {
|
||||
border: 1px solid $gray;
|
||||
border-top: 0 none;
|
||||
background-color: $body-bg;
|
||||
color: $text-color;
|
||||
border: 1px solid $gray;
|
||||
border-top: 0 none;
|
||||
background-color: $body-bg;
|
||||
color: $text-color;
|
||||
|
||||
td {
|
||||
border-right: 1px dotted $table-border-color;
|
||||
border-bottom: 1px dotted $table-border-color;
|
||||
vertical-align: top;
|
||||
td {
|
||||
border-right: 1px dotted $table-border-color;
|
||||
border-bottom: 1px dotted $table-border-color;
|
||||
vertical-align: top;
|
||||
|
||||
&:last-child {
|
||||
border-right: 0 none;
|
||||
}
|
||||
&:last-child {
|
||||
border-right: 0 none;
|
||||
}
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
|
||||
.add_new {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
&:hover {
|
||||
background-color: #ffc;
|
||||
cursor: pointer;
|
||||
}
|
||||
tr:last-child td {
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
|
||||
.add_new {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
&:hover {
|
||||
background-color: #ffc;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#board_header,
|
||||
.board {
|
||||
td:first-child {
|
||||
width: (($issue-width + $issue-margin + $issue-padding) * 2);
|
||||
min-width: (($issue-width + $issue-margin + $issue-padding) * 2);
|
||||
padding: $issue-padding;
|
||||
}
|
||||
td:first-child {
|
||||
width: (($issue-width + $issue-margin + $issue-padding) * 2);
|
||||
min-width: (($issue-width + $issue-margin + $issue-padding) * 2);
|
||||
padding: $issue-padding;
|
||||
}
|
||||
}
|
||||
|
||||
.story,
|
||||
.label_sprint_impediments {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: $issue-width * 2;
|
||||
min-height: $issue-height;
|
||||
margin: $issue-margin;
|
||||
padding: $issue-padding;
|
||||
float: left;
|
||||
border: 0 none;
|
||||
border-radius: $border-radius-large;
|
||||
background-color: $highlight-bg;
|
||||
font-size: $font-size-small-px;
|
||||
display: block;
|
||||
position: relative;
|
||||
width: $issue-width * 2;
|
||||
min-height: $issue-height;
|
||||
margin: $issue-margin;
|
||||
padding: $issue-padding;
|
||||
float: left;
|
||||
border: 0 none;
|
||||
border-radius: $border-radius-large;
|
||||
background-color: $highlight-bg;
|
||||
font-size: $font-size-small-px;
|
||||
}
|
||||
|
||||
.story {
|
||||
color: $gray-darker;
|
||||
color: $gray-darker;
|
||||
|
||||
.id {
|
||||
margin-bottom: 5px;
|
||||
padding: 0 3px;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $body-bg;
|
||||
font-size: .9em;
|
||||
line-height: 16px;
|
||||
opacity: .8;
|
||||
overflow: hidden;
|
||||
.id {
|
||||
margin-bottom: 5px;
|
||||
padding: 0 3px;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $body-bg;
|
||||
font-size: .9em;
|
||||
line-height: 16px;
|
||||
opacity: .8;
|
||||
overflow: hidden;
|
||||
|
||||
a,
|
||||
.remaininghours {
|
||||
margin-left: 4px;
|
||||
float: right;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $gray-darkest;
|
||||
font-size: $font-size-small-px;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.assignee {
|
||||
font-size: 9px;
|
||||
}
|
||||
a,
|
||||
.remaininghours {
|
||||
margin-left: 4px;
|
||||
float: right;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.subject {
|
||||
height: $issue-height * .6;
|
||||
padding: 2px;
|
||||
line-height: 1.3;
|
||||
overflow: hidden;
|
||||
a {
|
||||
color: $gray-darkest;
|
||||
font-size: $font-size-small-px;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
&.closed .subject {
|
||||
text-decoration: line-through;
|
||||
.assignee {
|
||||
font-size: 9px;
|
||||
}
|
||||
}
|
||||
|
||||
.project {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.id .v {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.story_points.editable {
|
||||
position: absolute;
|
||||
right: -$issue-padding;
|
||||
bottom: -$issue-padding;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border: 2px solid $body-bg;
|
||||
border-radius: 50%;
|
||||
background-color: $brand-warning;
|
||||
color: $brand-text;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
.subject {
|
||||
height: $issue-height * .6;
|
||||
padding: 2px;
|
||||
line-height: 1.3;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&.closed .subject {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.project {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.id .v {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.story_points.editable {
|
||||
position: absolute;
|
||||
right: -$issue-padding;
|
||||
bottom: -$issue-padding;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border: 2px solid $body-bg;
|
||||
border-radius: 50%;
|
||||
background-color: $brand-warning;
|
||||
color: $brand-text;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -215,154 +215,154 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
//
|
||||
|
||||
#taskboard {
|
||||
.issue,
|
||||
.placeholder {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: $issue-width;
|
||||
height: $issue-height;
|
||||
margin: $issue-margin;
|
||||
padding: $issue-padding;
|
||||
float: left;
|
||||
border: 0 none;
|
||||
border-radius: $border-radius-large;
|
||||
background-color: $gray-lighter;
|
||||
color: $gray-darker;
|
||||
font-size: 10px;
|
||||
line-height: 1.3;
|
||||
cursor: move;
|
||||
}
|
||||
.issue,
|
||||
.placeholder {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: $issue-width;
|
||||
height: $issue-height;
|
||||
margin: $issue-margin;
|
||||
padding: $issue-padding;
|
||||
float: left;
|
||||
border: 0 none;
|
||||
border-radius: $border-radius-large;
|
||||
background-color: $gray-lighter;
|
||||
color: $gray-darker;
|
||||
font-size: 10px;
|
||||
line-height: 1.3;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
width: 83px;
|
||||
height: 78px;
|
||||
border: 1px dashed $highlight-border;
|
||||
background-color: $highlight-bg;
|
||||
}
|
||||
.placeholder {
|
||||
width: 83px;
|
||||
height: 78px;
|
||||
border: 1px dashed $highlight-border;
|
||||
background-color: $highlight-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.issue {
|
||||
.id {
|
||||
margin-bottom: 5px;
|
||||
padding: 0 3px;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $body-bg;
|
||||
font-size: $font-size-small-px;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
opacity: .8;
|
||||
overflow: hidden;
|
||||
.id {
|
||||
margin-bottom: 5px;
|
||||
padding: 0 3px;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $body-bg;
|
||||
font-size: $font-size-small-px;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
opacity: .8;
|
||||
overflow: hidden;
|
||||
|
||||
.v {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $gray-darkest;
|
||||
}
|
||||
.v {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.editable:hover {
|
||||
background-color: transparent;
|
||||
a {
|
||||
color: $gray-darkest;
|
||||
}
|
||||
}
|
||||
|
||||
.editable:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.subject.editable {
|
||||
height: $issue-height * .5;
|
||||
padding: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&.closed .subject.editable {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.assigned_to_id {
|
||||
&.editable {
|
||||
width: 81px;
|
||||
height: 10px;
|
||||
margin-top: 2px;
|
||||
padding: 2px;
|
||||
padding-top: 0;
|
||||
font-size: 9px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.subject.editable {
|
||||
height: $issue-height * .5;
|
||||
padding: 2px;
|
||||
overflow: hidden;
|
||||
.v {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.priority_id {
|
||||
&.editable {
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
bottom: 10px;
|
||||
height: 13px;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 15px;
|
||||
background-color: #00e;
|
||||
color: #fff;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
&.closed .subject.editable {
|
||||
text-decoration: line-through;
|
||||
.v {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.assigned_to_id {
|
||||
&.editable {
|
||||
width: 81px;
|
||||
height: 10px;
|
||||
margin-top: 2px;
|
||||
padding: 2px;
|
||||
padding-top: 0;
|
||||
font-size: 9px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.remaining_hours.editable {
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
bottom: -5px;
|
||||
height: 13px;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 15px;
|
||||
background-color: #e00;
|
||||
color: #fff;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.v {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.blocks,
|
||||
.remaining_hours.editable:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.priority_id {
|
||||
&.editable {
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
bottom: 10px;
|
||||
height: 13px;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 15px;
|
||||
background-color: #00e;
|
||||
color: #fff;
|
||||
font-size: 9px;
|
||||
}
|
||||
.indicator {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
left: 36px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
padding: 2px;
|
||||
border: 2px solid #000;
|
||||
border-radius: 12px;
|
||||
background-color: #fff;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.v {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.saving .indicator {
|
||||
display: block;
|
||||
background-image: url("images/indicator.gif");
|
||||
}
|
||||
|
||||
.remaining_hours.editable {
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
bottom: -5px;
|
||||
height: 13px;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 15px;
|
||||
background-color: #e00;
|
||||
color: #fff;
|
||||
font-size: 9px;
|
||||
}
|
||||
&.error .indicator {
|
||||
display: block;
|
||||
border-color: #c00;
|
||||
background-image: url("images/warning.png");
|
||||
background-position: 2px 0;
|
||||
}
|
||||
|
||||
.blocks,
|
||||
.remaining_hours.editable:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.indicator {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
left: 36px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
padding: 2px;
|
||||
border: 2px solid #000;
|
||||
border-radius: 12px;
|
||||
background-color: #fff;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
&.saving .indicator {
|
||||
display: block;
|
||||
background-image: url("images/indicator.gif");
|
||||
}
|
||||
|
||||
&.error .indicator {
|
||||
display: block;
|
||||
border-color: #c00;
|
||||
background-image: url("images/warning.png");
|
||||
background-position: 2px 0;
|
||||
}
|
||||
|
||||
.editors {
|
||||
display: none;
|
||||
}
|
||||
.editors {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -370,32 +370,32 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
//
|
||||
|
||||
.rb_editor_dialog.ui-dialog {
|
||||
.ui-dialog-titlebar-close {
|
||||
display: none;
|
||||
}
|
||||
.ui-dialog-titlebar-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-widget-header {
|
||||
background: none;
|
||||
background-color: #fff;
|
||||
opacity: .5;
|
||||
}
|
||||
.ui-widget-header {
|
||||
background: none;
|
||||
background-color: #fff;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.ui-dialog-title {
|
||||
margin-right: 0;
|
||||
float: right;
|
||||
}
|
||||
.ui-dialog-title {
|
||||
margin-right: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
&.ui-widget-content {
|
||||
border: 0 none;
|
||||
background: none;
|
||||
@include nice-shadow(5);
|
||||
}
|
||||
&.ui-widget-content {
|
||||
border: 0 none;
|
||||
background: none;
|
||||
@include nice-shadow(5);
|
||||
}
|
||||
|
||||
.ui-dialog-buttonpane.ui-widget-content {
|
||||
border: 0 none;
|
||||
background: none;
|
||||
background-color: none;
|
||||
}
|
||||
.ui-dialog-buttonpane.ui-widget-content {
|
||||
border: 0 none;
|
||||
background: none;
|
||||
background-color: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -403,41 +403,41 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
//
|
||||
|
||||
.rb_editor {
|
||||
label {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 11px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 11px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.editor {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
.editor {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.subject {
|
||||
width: 272px;
|
||||
height: 65px;
|
||||
}
|
||||
.subject {
|
||||
width: 272px;
|
||||
height: 65px;
|
||||
}
|
||||
|
||||
.description {
|
||||
width: 272px;
|
||||
height: 80px;
|
||||
}
|
||||
.description {
|
||||
width: 272px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.remaining_hours,
|
||||
.time_entry_hours,
|
||||
.time_entry_user_id,
|
||||
.time_entry_spent_on,
|
||||
.blocks {
|
||||
width: 268px;
|
||||
}
|
||||
.remaining_hours,
|
||||
.time_entry_hours,
|
||||
.time_entry_user_id,
|
||||
.time_entry_spent_on,
|
||||
.blocks {
|
||||
width: 268px;
|
||||
}
|
||||
|
||||
.time_entry_comments {
|
||||
width: 268px;
|
||||
height: 30px;
|
||||
}
|
||||
.time_entry_comments {
|
||||
width: 268px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -446,22 +446,22 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
|
||||
#impediment_template,
|
||||
#task_template {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#preloader {
|
||||
position: absolute;
|
||||
left: -500px;
|
||||
position: absolute;
|
||||
left: -500px;
|
||||
}
|
||||
|
||||
#spinner {
|
||||
background-image: url("images/indicator.gif");
|
||||
background-image: url("images/indicator.gif");
|
||||
}
|
||||
|
||||
#warning {
|
||||
background-image: url("images/warning.png");
|
||||
background-image: url("images/warning.png");
|
||||
}
|
||||
|
||||
#ui-datepicker-div {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user