robo-bo
2 years ago
parent
df31babad0
commit
051487fc44
|
After Width: | Height: | Size: 110 KiB |
@ -0,0 +1,29 @@
|
|||||||
|
<div class="ui text container tag-top">
|
||||||
|
<div class="ui middle aligned stackable grid container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="four wide column">
|
||||||
|
<img src="/orpa/Resources/Web/orpa/styleset/pyOpenRPA_logo.png" width="140px;" height="140px"></img>
|
||||||
|
</div>
|
||||||
|
<div class="twelve wide column">
|
||||||
|
<h1 class="ui inverted header" style="margin-top:0px; margin-bottom:0px;">
|
||||||
|
<span class="library" style="font-size: 0.75em; font-weight: bold;">{{const}}</span>
|
||||||
|
</h1>
|
||||||
|
<h2 style="text-transform: uppercase; letter-spacing: 5px; margin-top:0px; margin-bottom:5px;">
|
||||||
|
{% if const %}
|
||||||
|
ФИО: {{const}}
|
||||||
|
{% else %}
|
||||||
|
НАИМЕНОВАНИЕ: {{const}}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
<h2 style="text-transform: uppercase; letter-spacing: 5px; margin-top:5px;">ИНН:
|
||||||
|
{% if const %}
|
||||||
|
{{const}}
|
||||||
|
{% else %}
|
||||||
|
{{const}}
|
||||||
|
{% endif %}
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1,992 @@
|
|||||||
|
var mGlobal={}
|
||||||
|
mGlobal.pyOpenRPA = {}
|
||||||
|
window.onload=function() {
|
||||||
|
//document.cookie = "SessionGUIDStr=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
|
||||||
|
//Render existing data
|
||||||
|
//mGlobal.Monitor.fControlPanelRefresh_TechnicalRender()
|
||||||
|
}
|
||||||
|
$(document).ready(function() {
|
||||||
|
document.cookie = "SessionGUIDStr=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
|
||||||
|
console.log("Cookie is deleted")
|
||||||
|
// fix main menu to page on passing
|
||||||
|
$('.main.menu').visibility({
|
||||||
|
type: 'fixed'
|
||||||
|
});
|
||||||
|
$('.overlay').visibility({
|
||||||
|
type: 'fixed',
|
||||||
|
offset: 80
|
||||||
|
});
|
||||||
|
|
||||||
|
// lazy load images
|
||||||
|
$('.image').visibility({
|
||||||
|
type: 'image',
|
||||||
|
transition: 'vertical flip in',
|
||||||
|
duration: 500
|
||||||
|
});
|
||||||
|
|
||||||
|
// show dropdown on hover
|
||||||
|
$('.main.menu .ui.dropdown').dropdown({
|
||||||
|
on: 'hover'
|
||||||
|
});
|
||||||
|
function clone(obj) {
|
||||||
|
var copy;
|
||||||
|
|
||||||
|
// Handle the 3 simple types, and null or undefined
|
||||||
|
if (null == obj || "object" != typeof obj) return obj;
|
||||||
|
|
||||||
|
// Handle Date
|
||||||
|
if (obj instanceof Date) {
|
||||||
|
copy = new Date();
|
||||||
|
copy.setTime(obj.getTime());
|
||||||
|
return copy;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle Array
|
||||||
|
if (obj instanceof Array) {
|
||||||
|
copy = [];
|
||||||
|
for (var i = 0, len = obj.length; i < len; i++) {
|
||||||
|
copy[i] = clone(obj[i]);
|
||||||
|
}
|
||||||
|
return copy;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle Object
|
||||||
|
if (obj instanceof Object) {
|
||||||
|
copy = {};
|
||||||
|
for (var attr in obj) {
|
||||||
|
if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
|
||||||
|
}
|
||||||
|
return copy;
|
||||||
|
}
|
||||||
|
throw new Error("Unable to copy obj! Its type isn't supported.");
|
||||||
|
}
|
||||||
|
//For data storage key
|
||||||
|
mGlobal["DataStorage"] = {}
|
||||||
|
// Clear the session cookie
|
||||||
|
|
||||||
|
String.prototype.replaceAll = function(search, replace){
|
||||||
|
return this.split(search).join(replace);
|
||||||
|
}
|
||||||
|
mGlobal.GeneralGenerateHTMLCodeHandlebars=function(inInnerTemplateSelector,inData) {
|
||||||
|
lHTMLTemplate=$(inInnerTemplateSelector)[0].innerHTML
|
||||||
|
//console.log(lHTMLTemplate)
|
||||||
|
//Компиляция
|
||||||
|
var template = Handlebars.compile(lHTMLTemplate);
|
||||||
|
//Вставка данных
|
||||||
|
var lHTMLResult = template(inData);
|
||||||
|
return lHTMLResult
|
||||||
|
}
|
||||||
|
mGlobal.GeneralGenerateHTMLCode=function(inTemplateHTMLSelector,inItemDictionary,inKeywordPrefix="::",inKeywordPostfix="::") {
|
||||||
|
///Получить заготовку
|
||||||
|
lTemplateHTMLCode=$(inTemplateHTMLSelector)[0].outerHTML
|
||||||
|
///Определить ключь экранирования специальных ключевых слов
|
||||||
|
///Выполнить циклические замены, если там есть пожходящие ключи
|
||||||
|
lResultHTMLCode=lTemplateHTMLCode
|
||||||
|
for(var lKey in inItemDictionary) {
|
||||||
|
lHTMLKey=inKeywordPrefix+lKey+inKeywordPostfix;
|
||||||
|
lResultHTMLCode=lResultHTMLCode.replaceAll(lHTMLKey,inItemDictionary[lKey])
|
||||||
|
}
|
||||||
|
///Вернуть результат
|
||||||
|
return lResultHTMLCode
|
||||||
|
}
|
||||||
|
//////////////////////////
|
||||||
|
/////Info JS module
|
||||||
|
//////////////////////////
|
||||||
|
mGlobal.Info={};
|
||||||
|
|
||||||
|
mGlobal.Info.TableActivityLogScheduleListRefresh=function() {
|
||||||
|
|
||||||
|
}
|
||||||
|
//////////////////////////
|
||||||
|
/////Controller JS module
|
||||||
|
//////////////////////////
|
||||||
|
mGlobal.Controller={};
|
||||||
|
|
||||||
|
mGlobal.Controller.CMDRunText=function(inCMDText) {
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lData = [
|
||||||
|
{"Type":"CMDStart", "Command": inCMDText}
|
||||||
|
]
|
||||||
|
///Обнулить таблицу
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: 'Utils/Processor',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3){},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.Controller.CMDRun=function() {
|
||||||
|
///Обнулить таблицу
|
||||||
|
lCMDCode=$(".openrpa-controller-cmd-run-input")[0].value
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lData = [
|
||||||
|
{
|
||||||
|
"Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
|
||||||
|
"ArgList":[], // Args list
|
||||||
|
"ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
|
||||||
|
"ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
"ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
}
|
||||||
|
]
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: '/pyOpenRPA/ActivityListExecute',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
///Отправить запрос на формирование таблицы
|
||||||
|
//lHTMLCode=console.log("CMDRun result: "+lResponseJSON[0].result)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.Controller.CMDRunGUILogout=function() {
|
||||||
|
///Обнулить таблицу
|
||||||
|
lCMDCode="for /f \"skip=1 tokens=2\" %s in ('query user %USERNAME%') do (tscon \\dest:console)"
|
||||||
|
//lCMDCode = lCMDCode.replace(/\\n/g, "\\n")
|
||||||
|
// .replace(/\\'/g, "\\'")
|
||||||
|
// .replace(/\\"/g, '\\"')
|
||||||
|
// .replace(/\\&/g, "\\&")
|
||||||
|
// .replace(/\\r/g, "\\r")
|
||||||
|
// .replace(/\\t/g, "\\t")
|
||||||
|
// .replace(/\\b/g, "\\b")
|
||||||
|
// .replace(/\\f/g, "\\f")
|
||||||
|
// .replace('"', "\\\"");
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lData = [
|
||||||
|
{"Type":"CMDStart", "Command": lCMDCode }
|
||||||
|
]
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: 'Utils/Processor',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
///Отправить запрос на формирование таблицы
|
||||||
|
//lHTMLCode=console.log("CMDRun result: "+lResponseJSON[0].result)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
///Restart PC
|
||||||
|
mGlobal.Controller.PCRestart = function () {
|
||||||
|
mGlobal.Controller.OrchestratorSessionSave()
|
||||||
|
mGlobal.Controller.CMDRunText("shutdown -r")
|
||||||
|
}
|
||||||
|
///Orchestrator save session
|
||||||
|
mGlobal.Controller.OrchestratorSessionSave=function() {
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lData = [
|
||||||
|
{"Type":"OrchestratorSessionSave"}
|
||||||
|
]
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: 'Utils/Processor',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
///Перезагрузить Orchestrator
|
||||||
|
mGlobal.Controller.OrchestratorRestart=function() {
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lData = [
|
||||||
|
{"Type":"OrchestratorRestart"}
|
||||||
|
]
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: 'Utils/Processor',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.Controller.OrchestratorGITPullRestart = function() {
|
||||||
|
mGlobal.Controller.OrchestratorSessionSave() //Save current RDP list session
|
||||||
|
mGlobal.Controller.CMDRunText("timeout 3 & taskkill /f /im OpenRPA_Orchestrator.exe & timeout 2 & cd "+mGlobal.WorkingDirectoryPathStr+" & git reset --hard & git pull & pyOpenRPA.Orchestrator_x64_administrator_startup.cmd");
|
||||||
|
}
|
||||||
|
//////////////////////////
|
||||||
|
/////Monitor JS module
|
||||||
|
//////////////////////////
|
||||||
|
mGlobal.Monitor={};
|
||||||
|
mGlobal.Monitor.ScreenshotModal={};
|
||||||
|
mGlobal.Monitor.GenerateUniqueID=function(inPrefix="tempUID=") {
|
||||||
|
return inPrefix+Math.round(Math.random()*1000)+"-"+Math.round(Math.random()*10000)+"-"+Math.round(Math.random()*1000)
|
||||||
|
}
|
||||||
|
//inHostURI: http://localhost:8081
|
||||||
|
mGlobal.Monitor.ScreenshotModal.Show=function(inHostURI=" ") {
|
||||||
|
$('.ui.modal.daemon-screenshot').modal({'onHide':function (inElement) {mGlobal.Monitor.ScreenshotModal.Close();} }).modal('show');
|
||||||
|
|
||||||
|
//Функция обновления картинки
|
||||||
|
lScreenshotUpdate=function() {
|
||||||
|
lScreenshotSrc=inHostURI+"/GetScreenshot?"+mGlobal.Monitor.GenerateUniqueID()
|
||||||
|
$(".daemon-screenshot img").attr('src', lScreenshotSrc);
|
||||||
|
}
|
||||||
|
|
||||||
|
mGlobal.Monitor.ScreenshotModal.timerId=setInterval(lScreenshotUpdate,1500)
|
||||||
|
}
|
||||||
|
mGlobal.Monitor.ScreenshotModal.Close=function() {
|
||||||
|
clearInterval(mGlobal.Monitor.ScreenshotModal.timerId);
|
||||||
|
}
|
||||||
|
///Monitor
|
||||||
|
mGlobal.Monitor.DaemonList={}
|
||||||
|
mGlobal.Monitor.DaemonList.fRefreshTable=function() {
|
||||||
|
///Загрузка данных
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
url: 'Monitor/JSONDaemonListGet',
|
||||||
|
data: '',
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
///Сформировать HTML код новой таблицы
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-hidden-monitor-table-general",lResponseJSON)
|
||||||
|
///Очистить дерево
|
||||||
|
//mGlobal.ElementTree.fClear();
|
||||||
|
///Прогрузить новую таблицу
|
||||||
|
$(".openrpa-monitor").html(lHTMLCode)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
////////////////////////////////
|
||||||
|
///////Control panel
|
||||||
|
///////////////////////////////
|
||||||
|
///Refresh control panel
|
||||||
|
function sleep(ms) {
|
||||||
|
ms += new Date().getTime();
|
||||||
|
while (new Date() < ms){}
|
||||||
|
}
|
||||||
|
function uuidv4() {
|
||||||
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
|
||||||
|
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
|
||||||
|
return v.toString(16);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.SessionGUIDStr = uuidv4() // Generate uuid4 of the session
|
||||||
|
//console.log(uuidv4());
|
||||||
|
mGlobal.RobotRDPActive = {}
|
||||||
|
mGlobal.Monitor.fControlPanelRefresh_TechnicalRender = function()
|
||||||
|
{
|
||||||
|
lResponseJSON = mGlobal.Monitor.mDatasetLast
|
||||||
|
|
||||||
|
if (lResponseJSON!= null) {
|
||||||
|
/// New version of control panels
|
||||||
|
for (var lKeyStr in lResponseJSON){
|
||||||
|
if (lKeyStr != "RenderRobotList") { /// Check if not "RenderRobotList"
|
||||||
|
lCPDict = lResponseJSON[lKeyStr]
|
||||||
|
/// Render HTML
|
||||||
|
if ("HTMLStr" in lCPDict) {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/// v1.2.0 Backward compatibility - support old control panels
|
||||||
|
if ("RenderRobotList" in lResponseJSON) {
|
||||||
|
///Escape onclick
|
||||||
|
/// RenderRobotList
|
||||||
|
lResponseJSON["RenderRobotList"].forEach(
|
||||||
|
function(lItem){
|
||||||
|
if ('FooterButtonX2List' in lItem) {
|
||||||
|
/// FooterButtonX2List
|
||||||
|
lItem["FooterButtonX2List"].forEach(
|
||||||
|
function(lItem2){
|
||||||
|
if ('OnClick' in lItem) {
|
||||||
|
lOnClickEscaped = lItem["OnClick"];
|
||||||
|
lOnClickEscaped = lOnClickEscaped.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
||||||
|
lItem["OnClick"] = lOnClickEscaped;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
/// FooterButtonX1List
|
||||||
|
lItem["FooterButtonX1List"].forEach(
|
||||||
|
function(lItem2){
|
||||||
|
if ('OnClick' in lItem) {
|
||||||
|
lOnClickEscaped = lItem["OnClick"];
|
||||||
|
lOnClickEscaped = lOnClickEscaped.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
||||||
|
lItem["OnClick"] = lOnClickEscaped;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
//////////////////////////////////////////////////////////
|
||||||
|
///Сформировать HTML код новой таблицы - контрольная панель
|
||||||
|
lHTMLCode+=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-hidden-control-panel",lResponseJSON)
|
||||||
|
//Присвоить ответ в mGlobal.Monitor.mResponseList
|
||||||
|
mGlobal.Monitor.mResponseList = lResponseJSON
|
||||||
|
///Set result in mGlobal.DataStorage
|
||||||
|
lResponseJSON["RenderRobotList"].forEach(
|
||||||
|
function(lItem){
|
||||||
|
if ('DataStorageKey' in lItem) {
|
||||||
|
mGlobal["DataStorage"][lItem['DataStorageKey']]=lItem
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
///Прогрузить новую таблицу
|
||||||
|
$(".openrpa-control-panel").html(lHTMLCode)
|
||||||
|
////////////////////////////////////////////////////
|
||||||
|
/// !RDP List ! Сформировать HTML код новой таблицы - список RDP
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-hidden-robotrdpactive-control-panel",lResponseJSON)
|
||||||
|
//Присвоить ответ в mGlobal.RobotRDPActive.mResponseList
|
||||||
|
mGlobal.RobotRDPActive.mResponseList = lResponseJSON
|
||||||
|
///Прогрузить новую таблицу
|
||||||
|
$(".openrpa-robotrdpactive-control-panel").html(lHTMLCode)
|
||||||
|
///Очистить дерево
|
||||||
|
//mGlobal.ElementTree.fClear();
|
||||||
|
////////////////////////////////////////////////////
|
||||||
|
/// !UserAgent List ! Сформировать HTML код новой таблицы - список RDP
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".pyOpenRPA-Agent-ListTemplate",lResponseJSON)
|
||||||
|
//Присвоить ответ в mGlobal.RobotRDPActive.mResponseList
|
||||||
|
mGlobal.RobotRDPActive.mResponseList = lResponseJSON
|
||||||
|
///Прогрузить новую таблицу
|
||||||
|
$(".pyOpenRPA-Agent-List").html(lHTMLCode)
|
||||||
|
///Очистить дерево
|
||||||
|
//mGlobal.ElementTree.fClear();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
///v 1.2.0 pyOpenRPA
|
||||||
|
/// Execute ActivityItem
|
||||||
|
mGlobal.pyOpenRPA.ActivityItemExecute=function(inActivityItem) {
|
||||||
|
///EXAMPLE
|
||||||
|
// {
|
||||||
|
// "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
|
||||||
|
// "ArgList":[], // Args list
|
||||||
|
// "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
|
||||||
|
// "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
// "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
// }
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lData = [inActivityItem]
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: '/pyOpenRPA/ActivityListExecute',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
console.log(lResponseJSON)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
/// Execute ActivityList
|
||||||
|
mGlobal.pyOpenRPA.ActivityListExecute=function(inActivityList) {
|
||||||
|
///EXAMPLE
|
||||||
|
// [{
|
||||||
|
// "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
|
||||||
|
// "ArgList":[], // Args list
|
||||||
|
// "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
|
||||||
|
// "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
// "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
// }]
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lData = inActivityList
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: '/pyOpenRPA/ActivityListExecute',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
console.log(lResponseJSON)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
/// Add ActivityList in processor queue
|
||||||
|
mGlobal.pyOpenRPA.ProcessorQueueAdd=function(inActivityList) {
|
||||||
|
///EXAMPLE
|
||||||
|
// [{
|
||||||
|
// "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
|
||||||
|
// "ArgList":[], // Args list
|
||||||
|
// "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
|
||||||
|
// "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
// "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
// }]
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lData = inActivityList
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: '/pyOpenRPA/ProcessorQueueAdd',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
console.log(lResponseJSON)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/// v1.2.0 pyOpenRPA ServerJSInit
|
||||||
|
mGlobal.pyOpenRPA.ServerJSInitDef=function() {
|
||||||
|
try {
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
headers: {},
|
||||||
|
url: 'pyOpenRPA/ServerJSInit',
|
||||||
|
data: mGlobal.pyOpenRPA.ServerDataHashStr,
|
||||||
|
async: false,
|
||||||
|
success: function(lJSText) {
|
||||||
|
try {
|
||||||
|
eval(lJSText)
|
||||||
|
}
|
||||||
|
catch(error) {
|
||||||
|
console.log(error)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dataType: "text",
|
||||||
|
error: function(jqXHR, textStatus, errorThrown ) {
|
||||||
|
console.log(textStatus)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
catch(error) {
|
||||||
|
console.log(error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// v1.2.0 pyOpenRPA ServerData
|
||||||
|
mGlobal.pyOpenRPA.ServerDataDict = null
|
||||||
|
mGlobal.pyOpenRPA.ServerDataHashStr = ""
|
||||||
|
mGlobal.pyOpenRPA.ServerDataRefreshDef_TechnicalRender = function()
|
||||||
|
{
|
||||||
|
lResponseJSON = mGlobal.pyOpenRPA.ServerDataDict
|
||||||
|
if (lResponseJSON!= null) {
|
||||||
|
/// New version of control panels
|
||||||
|
lHTMLCode = '<div class="ui cards">'
|
||||||
|
for (var lKeyStr in lResponseJSON["CPDict"]){
|
||||||
|
lCPDict = lResponseJSON["CPDict"][lKeyStr]
|
||||||
|
/// Render HTML
|
||||||
|
if ("HTMLStr" in lCPDict) {
|
||||||
|
lHTMLCode+=lCPDict["HTMLStr"]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
lHTMLCode += '</div>'
|
||||||
|
///Прогрузить новую таблицу
|
||||||
|
$(".openrpa-control-panel").html(lHTMLCode)
|
||||||
|
////////////////////////////////////////////////////
|
||||||
|
/// !RDP List ! Сформировать HTML код новой таблицы - список RDP
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-hidden-robotrdpactive-control-panel",lResponseJSON["RDPDict"])
|
||||||
|
//Присвоить ответ в mGlobal.RobotRDPActive.mResponseList
|
||||||
|
mGlobal.RobotRDPActive.mResponseList = lResponseJSON["RDPDict"]
|
||||||
|
///Прогрузить новую таблицу
|
||||||
|
$(".openrpa-robotrdpactive-control-panel").html(lHTMLCode)
|
||||||
|
///Очистить дерево
|
||||||
|
//mGlobal.ElementTree.fClear();
|
||||||
|
////////////////////////////////////////////////////
|
||||||
|
/// !UserAgent List ! Сформировать HTML код новой таблицы - список RDP
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".pyOpenRPA-Agent-ListTemplate",lResponseJSON["AgentDict"])
|
||||||
|
///Прогрузить новую таблицу
|
||||||
|
$(".pyOpenRPA-Agent-List").html(lHTMLCode)
|
||||||
|
///Очистить дерево
|
||||||
|
//mGlobal.ElementTree.fClear();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
mGlobal.pyOpenRPA.ServerDataRefreshDef=function() {
|
||||||
|
try {
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
headers: {},
|
||||||
|
url: 'pyOpenRPA/ServerData',
|
||||||
|
data: mGlobal.pyOpenRPA.ServerDataHashStr,
|
||||||
|
success: function(lData,l2,l3) {
|
||||||
|
try {
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
mGlobal.VersionStr = lResponseJSON["ServerDataDict"]["UserDict"]["VersionStr"]
|
||||||
|
mGlobal.pyOpenRPA.ServerDataDict = lResponseJSON["ServerDataDict"]
|
||||||
|
mGlobal.pyOpenRPA.ServerDataHashStr = lResponseJSON["HashStr"]
|
||||||
|
mGlobal.pyOpenRPA.ServerDataRefreshDef_TechnicalRender()
|
||||||
|
mGlobal.UserRoleUpdate();
|
||||||
|
setTimeout(mGlobal.pyOpenRPA.ServerDataRefreshDef,600) // If LOGS are update every ms - set some limit in ms on the client side
|
||||||
|
//mGlobal.pyOpenRPA.ServerDataRefreshDef() // Go to the next call
|
||||||
|
}
|
||||||
|
catch(error) {
|
||||||
|
console.log(error)
|
||||||
|
setTimeout(mGlobal.pyOpenRPA.ServerDataRefreshDef,3000)
|
||||||
|
}
|
||||||
|
//mGlobal.pyOpenRPA.ServerDataRefreshDef() // recursive
|
||||||
|
},
|
||||||
|
dataType: "text",
|
||||||
|
error: function(jqXHR, textStatus, errorThrown ) {
|
||||||
|
setTimeout(mGlobal.pyOpenRPA.ServerDataRefreshDef,3000)
|
||||||
|
//sleep(3000)
|
||||||
|
//mGlobal.pyOpenRPA.ServerDataRefreshDef() // recursive
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
catch(error) {
|
||||||
|
setTimeout(mGlobal.pyOpenRPA.ServerDataRefreshDef,3000)
|
||||||
|
//sleep(3000)
|
||||||
|
//mGlobal.pyOpenRPA.ServerDataRefreshDef() // recursive
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/////////////////////////////////////////////////////////////
|
||||||
|
/// v1.2.0 pyOpenRPA ServerLogs
|
||||||
|
mGlobal.pyOpenRPA.ServerLogList = null
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListHashStr = ""
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListDoRenderBool = true
|
||||||
|
///Turn OFF rendering
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListDoRenderFalse = function() {
|
||||||
|
///Set unfreeze button
|
||||||
|
$("a.mGlobal-pyOpenRPA-ServerLogListDoRender").html("Unfreeze textarea")
|
||||||
|
$("a.mGlobal-pyOpenRPA-ServerLogListDoRender").attr("onclick","mGlobal.pyOpenRPA.ServerLogListDoRenderTrue()")
|
||||||
|
$("textarea.mGlobal-pyOpenRPA-ServerLogList").css("background-color","#b9e2e8")
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListDoRenderBool = false
|
||||||
|
}
|
||||||
|
///Turn ON rendering
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListDoRenderTrue = function() {
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListDoRenderBool = true
|
||||||
|
///Render last data
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListRefreshDef_TechnicalRender()
|
||||||
|
///Set unfreeze button
|
||||||
|
$("a.mGlobal-pyOpenRPA-ServerLogListDoRender").html("Freeze textarea")
|
||||||
|
$("a.mGlobal-pyOpenRPA-ServerLogListDoRender").attr("onclick","mGlobal.pyOpenRPA.ServerLogListDoRenderFalse()")
|
||||||
|
$("textarea.mGlobal-pyOpenRPA-ServerLogList").css("background-color","")
|
||||||
|
|
||||||
|
}
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListScrollBottomDef = function() {
|
||||||
|
var lTA = $("textarea.mGlobal-pyOpenRPA-ServerLogList")[0];
|
||||||
|
lTA.scrollTop = lTA.scrollHeight;
|
||||||
|
}
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListRefreshDef_TechnicalRender = function()
|
||||||
|
{
|
||||||
|
lResponseJSON = mGlobal.pyOpenRPA.ServerLogList
|
||||||
|
if (lResponseJSON!= null && mGlobal.pyOpenRPA.ServerLogListDoRenderBool==true) {
|
||||||
|
lText = lResponseJSON.join("\n") /// Code for the processing the text
|
||||||
|
$("textarea.mGlobal-pyOpenRPA-ServerLogList")[0].value= lText ///Прогрузить новую таблицу
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListScrollBottomDef() //Scroll to the bottom
|
||||||
|
}
|
||||||
|
}
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListRefreshDef=function() {
|
||||||
|
try {
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
headers: {},
|
||||||
|
url: 'pyOpenRPA/ServerLog',
|
||||||
|
data: mGlobal.pyOpenRPA.ServerLogListHashStr,
|
||||||
|
success: function(lData,l2,l3) {
|
||||||
|
try {
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
mGlobal.pyOpenRPA.ServerLogList = lResponseJSON["ServerLogList"]
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListHashStr = lResponseJSON["HashStr"]
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListRefreshDef_TechnicalRender()
|
||||||
|
}
|
||||||
|
catch(error) {
|
||||||
|
}
|
||||||
|
setTimeout(mGlobal.pyOpenRPA.ServerLogListRefreshDef,600) // If LOGS are update every ms - set some limit in ms on the client side
|
||||||
|
//mGlobal.pyOpenRPA.ServerLogListRefreshDef() // recursive
|
||||||
|
},
|
||||||
|
dataType: "text",
|
||||||
|
error: function(jqXHR, textStatus, errorThrown ) {
|
||||||
|
setTimeout(mGlobal.pyOpenRPA.ServerLogListRefreshDef,3000)
|
||||||
|
//sleep(3000)
|
||||||
|
//mGlobal.pyOpenRPA.ServerLogListRefreshDef() // recursive
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
catch(error) {
|
||||||
|
setTimeout(mGlobal.pyOpenRPA.ServerLogListRefreshDef,3000)
|
||||||
|
//sleep(3000)
|
||||||
|
//mGlobal.pyOpenRPA.ServerLogListRefreshDef() // recursive
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/////////////////////////////////////////////////////////////
|
||||||
|
|
||||||
|
|
||||||
|
mGlobal.Monitor.mDatasetLast = null
|
||||||
|
|
||||||
|
///////////////////////////////
|
||||||
|
///Processor functions
|
||||||
|
///////////////////////////////
|
||||||
|
mGlobal.Processor = {}
|
||||||
|
mGlobal.Processor.ServerValueAppend = function(inKeyList,inValue) {
|
||||||
|
lData = [
|
||||||
|
{
|
||||||
|
"Type":"GlobalDictKeyListValueAppend",
|
||||||
|
"KeyList": inKeyList,
|
||||||
|
"Value": inValue
|
||||||
|
}
|
||||||
|
]
|
||||||
|
///Обнулить таблицу
|
||||||
|
$('.ui.modal.basic .content').html("");
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: 'Utils/Processor',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
///TODO Show error if exist error
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.Processor.ServerValueSet = function(inKeyList,inValue) {
|
||||||
|
lData = [
|
||||||
|
{
|
||||||
|
"Type":"GlobalDictKeyListValueSet",
|
||||||
|
"KeyList": inKeyList,
|
||||||
|
"Value": inValue
|
||||||
|
}
|
||||||
|
]
|
||||||
|
///Обнулить таблицу
|
||||||
|
$('.ui.modal.basic .content').html("");
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: 'Utils/Processor',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
///TODO Show error if exist error
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.Processor.ServerValueOperatorPlus = function(inKeyList,inValue) {
|
||||||
|
lData = [
|
||||||
|
{
|
||||||
|
"Type":"GlobalDictKeyListValueOperator+",
|
||||||
|
"KeyList": inKeyList,
|
||||||
|
"Value": inValue
|
||||||
|
}
|
||||||
|
]
|
||||||
|
///Обнулить таблицу
|
||||||
|
$('.ui.modal.basic .content').html("");
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: 'Utils/Processor',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
///TODO Show error if exist error
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.Processor.Send = function(inData) {
|
||||||
|
lData = inData
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: 'Utils/Processor',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
///TODO Show error if exist error
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.Server= {}
|
||||||
|
mGlobal.Server.JSONGet=function(inMethod, inURL, inDataJSON, inCallback)
|
||||||
|
{
|
||||||
|
$.ajax({
|
||||||
|
type: inMethod,
|
||||||
|
url: inURL,
|
||||||
|
data: JSON.stringify(inDataJSON),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
inCallback(lResponseJSON)
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/////////////////
|
||||||
|
///Modal
|
||||||
|
///////////////////
|
||||||
|
mGlobal.Modal={}
|
||||||
|
/////////////////////////////////////////////////////
|
||||||
|
mGlobal.Modal.TableFilter={}
|
||||||
|
mGlobal.Modal.TableFilter.Show=function(inJSON) {
|
||||||
|
//{
|
||||||
|
// "Title":"",
|
||||||
|
// "Headers":["Header1","Header2"],
|
||||||
|
// "Rows": [["Cell1","Cell2"],["Cell2-1","Cell2-2"]],
|
||||||
|
// "FilterOnKeyUp": "<JS Code>" //Fill here in function
|
||||||
|
//}
|
||||||
|
//Set js handler to Search field
|
||||||
|
inJSON["FilterOnKeyUp"]="mGlobal.Modal.TableFilter.FilterUpdate(this.value);"
|
||||||
|
///Set value
|
||||||
|
mGlobal.Modal.TableFilter.mDataJSON = inJSON
|
||||||
|
//Render HTML
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-handlebar-template-table-filter",inJSON);
|
||||||
|
///Установить HTML код
|
||||||
|
$('.ui.modal.basic .content').html(lHTMLCode);
|
||||||
|
$('.ui.modal.basic').modal('show');
|
||||||
|
//DO widest modal for table with scroll x
|
||||||
|
$("div.ui.basic.modal.transition.visible.active.scrolling")[0].style["width"]="1300px"
|
||||||
|
$("div.ui.basic.modal.transition.visible.active.scrolling")[0].style["overflow"]="scroll"
|
||||||
|
}
|
||||||
|
//Service function
|
||||||
|
mGlobal.Modal.TableFilter.FilterUpdate=function(inFilterValue) {
|
||||||
|
//Get JSON, apply filter, clone data
|
||||||
|
lDataJSON = clone(mGlobal.Modal.TableFilter.mDataJSON)
|
||||||
|
delete lDataJSON["Rows"]
|
||||||
|
lDataJSON["Rows"]=[]
|
||||||
|
//Filter code [any occurence in the row is ok for push! ]
|
||||||
|
mGlobal.Modal.TableFilter.mDataJSON["Rows"].forEach(
|
||||||
|
function(inElement) {
|
||||||
|
lFlagElementAppend = false
|
||||||
|
inElement.forEach(
|
||||||
|
function(inElement2) {
|
||||||
|
if (String(inElement2).includes(inFilterValue)) {
|
||||||
|
lFlagElementAppend = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
if (lFlagElementAppend) {
|
||||||
|
lDataJSON["Rows"].push(inElement)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
//Clear Filter Title property (fixed in html)
|
||||||
|
delete lDataJSON["FilterOnKeyUp"]
|
||||||
|
delete lDataJSON["Title"]
|
||||||
|
//Search the table element [replace only table html]
|
||||||
|
lElement = $('.ui.modals.active .content table.table')[0]
|
||||||
|
lElementParentElement = lElement.parentNode
|
||||||
|
lElement.parentNode.removeChild(lElement);
|
||||||
|
//Render HTML
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-handlebar-template-table-filter",lDataJSON);
|
||||||
|
///Установить HTML код
|
||||||
|
lElementParentElement.insertAdjacentHTML("beforeend",lHTMLCode);
|
||||||
|
}
|
||||||
|
/////////////////////////////////////////////////////////////
|
||||||
|
mGlobal.Modal.ListFilter={}
|
||||||
|
mGlobal.Modal.ListFilter.Show=function(inJSON) {
|
||||||
|
//{
|
||||||
|
// "Title":"",
|
||||||
|
// "List":[{"Header":"","Description":""}],
|
||||||
|
// "FilterOnKeyUp": "<JS Code>" //Fill here in function
|
||||||
|
//}
|
||||||
|
//Set js handler to Search field
|
||||||
|
inJSON["FilterOnKeyUp"]="mGlobal.Modal.ListFilter.FilterUpdate(this.value);"
|
||||||
|
///Set value
|
||||||
|
mGlobal.Modal.ListFilter.mDataJSON = inJSON
|
||||||
|
//Render HTML
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-handlebar-template-list-filter",inJSON);
|
||||||
|
///Установить HTML код
|
||||||
|
$('.ui.modal.basic .content').html(lHTMLCode);
|
||||||
|
$('.ui.modal.basic').modal('show');
|
||||||
|
}
|
||||||
|
//Service function
|
||||||
|
mGlobal.Modal.ListFilter.FilterUpdate=function(inFilterValue) {
|
||||||
|
//Get JSON, apply filter, clone data
|
||||||
|
lDataJSON = clone(mGlobal.Modal.ListFilter.mDataJSON)
|
||||||
|
delete lDataJSON["List"]
|
||||||
|
lDataJSON["List"]=[]
|
||||||
|
//Filter code [any occurence in the row is ok for push! ]
|
||||||
|
mGlobal.Modal.ListFilter.mDataJSON["List"].forEach(
|
||||||
|
function(inElement) {
|
||||||
|
lFlagElementAppend = false
|
||||||
|
if (String(inElement["Header"]).includes(inFilterValue)) {
|
||||||
|
lFlagElementAppend = true
|
||||||
|
}
|
||||||
|
if (String(inElement["Description"]).includes(inFilterValue)) {
|
||||||
|
lFlagElementAppend = true
|
||||||
|
}
|
||||||
|
if (lFlagElementAppend) {
|
||||||
|
lDataJSON["List"].push(inElement)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
//Clear Filter Title property (fixed in html)
|
||||||
|
delete lDataJSON["FilterOnKeyUp"]
|
||||||
|
delete lDataJSON["Title"]
|
||||||
|
//Search the table element [replace only table html]
|
||||||
|
lElement = $('.ui.modals.active .content div.ui.inverted.segment')[0]
|
||||||
|
lElementParentElement = lElement.parentNode
|
||||||
|
lElement.parentNode.removeChild(lElement);
|
||||||
|
//Render HTML
|
||||||
|
lHTMLCode=mGlobal.GeneralGenerateHTMLCodeHandlebars(".openrpa-handlebar-template-list-filter",lDataJSON);
|
||||||
|
///Установить HTML код
|
||||||
|
lElementParentElement.insertAdjacentHTML("beforeend",lHTMLCode);
|
||||||
|
}
|
||||||
|
mGlobal.UserRoleHierarchyDict = null // Put here the user role hierarchy
|
||||||
|
// UAC Ask
|
||||||
|
mGlobal.UserRoleAsk=function(inList) {
|
||||||
|
var lResult = true; // Init flag
|
||||||
|
var lRoleHierarchyDict = mGlobal.pyOpenRPA.ServerDataDict.UserDict.UACClientDict; // get the Hierarchy
|
||||||
|
// Try to get value from key list
|
||||||
|
var lKeyValue = lRoleHierarchyDict; // Init the base
|
||||||
|
var lListLength = inList.length;
|
||||||
|
for (var i = 0; i<lListLength; i++) {
|
||||||
|
var lItem = inList[i]; // get the item
|
||||||
|
if (typeof lKeyValue == "object") {
|
||||||
|
if (lItem in lKeyValue) { // Has key
|
||||||
|
lKeyValue = lKeyValue[lItem]; // Get the value and go to the next loop iteration
|
||||||
|
} else { // Else branch - true or false
|
||||||
|
if (Object.keys(lKeyValue).length > 0) { // false - if Dict has some elements
|
||||||
|
lResult = false; // Set the False Flag
|
||||||
|
} else {
|
||||||
|
lResult = true; // Set the true flag
|
||||||
|
}
|
||||||
|
break; // Stop the loop
|
||||||
|
}
|
||||||
|
} else { // Has element with no detalization - return true
|
||||||
|
lResult = true; // Set the flag
|
||||||
|
break; // Close the loop
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return lResult; // Return the result
|
||||||
|
}
|
||||||
|
// Check user roles and update the Orchestrator UI
|
||||||
|
mGlobal.UserRoleUpdate=function() {
|
||||||
|
var lUACAsk = mGlobal.UserRoleAsk // Alias
|
||||||
|
//CPKeyDict
|
||||||
|
if (lUACAsk(["pyOpenRPADict","CPKeyDict"])) { $(".UACClient-pyOpenRPADict-CPKeyDict").show(); }
|
||||||
|
|
||||||
|
//RDPKeyDict
|
||||||
|
if (lUACAsk(["pyOpenRPADict","RDPKeyDict"])) { $(".UACClient-pyOpenRPADict-RDPKeyDict").show(); }
|
||||||
|
|
||||||
|
//AgentKeyDict
|
||||||
|
if (lUACAsk(["pyOpenRPADict","AgentKeyDict"])) { $(".UACClient-pyOpenRPADict-AgentKeyDict").show(); }
|
||||||
|
|
||||||
|
// AdminDict
|
||||||
|
if (lUACAsk(["pyOpenRPADict","AdminDict","LogViewerBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-LogViewerBool").show(); }
|
||||||
|
if (lUACAsk(["pyOpenRPADict","AdminDict","CMDInputBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-CMDInputBool").show(); }
|
||||||
|
if (lUACAsk(["pyOpenRPADict","AdminDict","ScreenshotViewerBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-ScreenshotViewerBool").show(); }
|
||||||
|
if (lUACAsk(["pyOpenRPADict","AdminDict","RestartOrchestratorBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-RestartOrchestratorBool").show(); }
|
||||||
|
if (lUACAsk(["pyOpenRPADict","AdminDict","RestartOrchestratorGITPullBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-RestartOrchestratorGITPullBool").show(); }
|
||||||
|
if (lUACAsk(["pyOpenRPADict","AdminDict","RestartPCBool"])) { $(".UACClient-pyOpenRPADict-AdminDict-RestartPCBool").show(); }
|
||||||
|
if (lUACAsk(["pyOpenRPADict","AdminDict","Debugging"])) { $(".UACClient-pyOpenRPADict-AdminDict-Debugging").show(); }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/// v1.2.0 pyOpenRPA Init defs
|
||||||
|
mGlobal.pyOpenRPA.ServerDataRefreshDef(); // Init the refresh data def from server side
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListRefreshDef(); // Init the refresh data def from the log window
|
||||||
|
mGlobal.pyOpenRPA.ServerLogListDoRenderTrue(); // Init button to freeze/unfreeze textare with logs
|
||||||
|
mGlobal.pyOpenRPA.ServerJSInitDef(); // Recieve JS from server (if exist) and then call anothe url ServerData
|
||||||
|
//$('.ui.dropdown').dropdown();
|
||||||
|
|
||||||
|
////////////////////////////////////////////
|
||||||
|
// 1.2.7 Debugging
|
||||||
|
/// Execute ActivityItem
|
||||||
|
|
||||||
|
// Debugging onchange def autofill init
|
||||||
|
var lDropdownOnChange = function(inEvent){
|
||||||
|
//lValueStr = inEvent.target.value
|
||||||
|
lValueStr = inEvent
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
url: '/pyOpenRPA/Debugging/HelperDefAutofill/'+lValueStr,
|
||||||
|
data: null,
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
console.log("HelperDefAutofill:")
|
||||||
|
console.log(lResponseJSON)
|
||||||
|
//ArgDict merge
|
||||||
|
var lArgDictTargetDict = lResponseJSON["ArgDict"]
|
||||||
|
var lArgDictStr = $(".mGlobal-pyOpenRPA-Debugging-ArgDict")[0].value
|
||||||
|
if (lArgDictStr !="" && lArgDictStr !=null) {
|
||||||
|
lArgDictLastDict = JSON.parse(lArgDictStr)
|
||||||
|
lArgDictTargetDict = mGlobal.pyOpenRPA.DebuggingAutofillMerge(lArgDictTargetDict, lArgDictLastDict)
|
||||||
|
}
|
||||||
|
|
||||||
|
$(".mGlobal-pyOpenRPA-Debugging-ArgList")[0].value = JSON.stringify(lResponseJSON["ArgList"])
|
||||||
|
$(".mGlobal-pyOpenRPA-Debugging-ArgDict")[0].value = JSON.stringify(lArgDictTargetDict)
|
||||||
|
$(".mGlobal-pyOpenRPA-Debugging-ArgGSettingsStr")[0].value = JSON.stringify(lResponseJSON["ArgGSettingsStr"])
|
||||||
|
$(".mGlobal-pyOpenRPA-Debugging-ArgLoggerStr")[0].value = JSON.stringify(lResponseJSON["ArgLoggerStr"])
|
||||||
|
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
//$('.ui.dropdown.mGlobal-pyOpenRPA-Debugging-Def-Dropdown')[0].onchange=lDropdownOnChange
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
mGlobal.pyOpenRPA.DebuggingExecute=function() {
|
||||||
|
///EXAMPLE
|
||||||
|
// {
|
||||||
|
// "Def":"OSCMD", // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
|
||||||
|
// "ArgList":[], // Args list
|
||||||
|
// "ArgDict":{"inCMDStr":lCMDCode,"inRunAsyncBool":false}, // Args dictionary
|
||||||
|
// "ArgGSettings": null, // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
// "ArgLogger": "inLogger" // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
// }
|
||||||
|
///Подготовить конфигурацию
|
||||||
|
lArgListStr = $(".mGlobal-pyOpenRPA-Debugging-ArgList")[0].value
|
||||||
|
lArgDictStr = $(".mGlobal-pyOpenRPA-Debugging-ArgDict")[0].value
|
||||||
|
lArgGSettingsStr = $(".mGlobal-pyOpenRPA-Debugging-ArgGSettingsStr")[0].value
|
||||||
|
lArgLoggerStr = $(".mGlobal-pyOpenRPA-Debugging-ArgLoggerStr")[0].value
|
||||||
|
lActivityItem = {
|
||||||
|
"Def":$(".mGlobal-pyOpenRPA-Debugging-Def")[0].value, // def link or def alias (look gSettings["Processor"]["AliasDefDict"])
|
||||||
|
"ArgList":(lArgListStr == "" ? [] : JSON.parse(lArgListStr)), // Args list
|
||||||
|
"ArgDict":(lArgDictStr == "" ? {} : JSON.parse(lArgDictStr)), // Args dictionary
|
||||||
|
"ArgGSettingsStr": (lArgGSettingsStr == "" ? null : lArgGSettingsStr), // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
"ArgLoggerStr": (lArgLoggerStr == "" ? null : lArgLoggerStr) // Name of GSettings attribute: str (ArgDict) or index (for ArgList)
|
||||||
|
}
|
||||||
|
lData = [lActivityItem]
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: '/pyOpenRPA/ActivityListExecute',
|
||||||
|
data: JSON.stringify(lData),
|
||||||
|
success:
|
||||||
|
function(lData,l2,l3)
|
||||||
|
{
|
||||||
|
var lResponseJSON=JSON.parse(lData)
|
||||||
|
console.log(lResponseJSON)
|
||||||
|
$(".mGlobal-pyOpenRPA-Debugging-Output")[0].value = JSON.stringify(lResponseJSON[0])
|
||||||
|
},
|
||||||
|
dataType: "text"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
mGlobal.pyOpenRPA.DebuggingAutofillMerge=function(inTargetDict, inLastDict) {
|
||||||
|
// Merge 2 dict (get values from Last dict if key exists in new dict
|
||||||
|
for (const [lKeyStr, lValue] of Object.entries(inTargetDict)) {
|
||||||
|
//Check if key exists in LastDict
|
||||||
|
if (lKeyStr in inLastDict) {
|
||||||
|
inTargetDict[lKeyStr] = inLastDict[lKeyStr]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return inTargetDict
|
||||||
|
}
|
||||||
|
// 1.2.7 Debugging toolbox init
|
||||||
|
$('.ui.dropdown.mGlobal-pyOpenRPA-Debugging-Def-Dropdown')
|
||||||
|
.dropdown({
|
||||||
|
apiSettings: {
|
||||||
|
// this url parses query server side and returns filtered results
|
||||||
|
url: '/pyOpenRPA/Debugging/HelperDefList/{query}'
|
||||||
|
},
|
||||||
|
onChange: lDropdownOnChange
|
||||||
|
})
|
||||||
|
;
|
||||||
|
});
|
||||||
@ -0,0 +1,445 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" >
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>pyOpenRPA Orchestrator</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="3rdParty/Semantic-UI-CSS-master/semantic.min.css">
|
||||||
|
<script
|
||||||
|
src="3rdParty/jQuery/jquery-3.1.1.min.js"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
<script src="3rdParty/Semantic-UI-CSS-master/semantic.min.js"></script>
|
||||||
|
<script src="3rdParty/Handlebars/handlebars-v4.1.2.js"></script>
|
||||||
|
<script src = "Index.js"></script>
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.main.container {
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
.overlay {
|
||||||
|
float: left;
|
||||||
|
margin: 0em 3em 1em 0em;
|
||||||
|
}
|
||||||
|
.overlay .menu {
|
||||||
|
position: relative;
|
||||||
|
left: 0;
|
||||||
|
transition: left 0.5s ease;
|
||||||
|
}
|
||||||
|
.main.menu.fixed {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: 1px solid #DDD;
|
||||||
|
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
.overlay.fixed .menu {
|
||||||
|
left: 800px;
|
||||||
|
}
|
||||||
|
.text.container .left.floated.image {
|
||||||
|
margin: 2em 2em 2em -4em;
|
||||||
|
}
|
||||||
|
.text.container .right.floated.image {
|
||||||
|
margin: 2em -4em 2em 2em;
|
||||||
|
}
|
||||||
|
.ui.footer.segment {
|
||||||
|
margin: 5em 0em 0em;
|
||||||
|
padding: 5em 0em;
|
||||||
|
}
|
||||||
|
.ui.search.dropdown>input.search {
|
||||||
|
width:100%;
|
||||||
|
font-family:monospace;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui.search.dropdown>.text {
|
||||||
|
width:100%;
|
||||||
|
font-family:monospace;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="ui internally celled grid">
|
||||||
|
{% include 'header.xhtml' %}
|
||||||
|
<div class="row">
|
||||||
|
<div class="sixteen wide column openrpa-control-panel-general UACClient-pyOpenRPADict-CPKeyDict" style="display:none;" >
|
||||||
|
<h4 class="ui horizontal divider header">
|
||||||
|
<i class="clipboard list icon"></i>
|
||||||
|
Dashboard (Robot control panel)
|
||||||
|
</h4>
|
||||||
|
<div class="openrpa-control-panel"></div>
|
||||||
|
<script class="openrpa-hidden-control-panel" style="display:none" type="text/x-handlebars-template">
|
||||||
|
<div class="ui cards">
|
||||||
|
{{#RenderRobotList}}
|
||||||
|
<div class="card">
|
||||||
|
<div class="content">
|
||||||
|
<div class="right floated mini ui ">
|
||||||
|
{{{HeaderRightText}}}
|
||||||
|
</div>
|
||||||
|
<div class="header">
|
||||||
|
{{{HeaderLeftText}}}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="meta">
|
||||||
|
{{{SubheaderText}}}
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<ul style="padding-inline-start:16px;margin:0px">
|
||||||
|
{{#BodyKeyValueList}}
|
||||||
|
<li>{{{Key}}}: {{{Value}}}</li>
|
||||||
|
{{/BodyKeyValueList}}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="extra content">
|
||||||
|
{{{FooterText}}}
|
||||||
|
</div>
|
||||||
|
<div class="extra content">
|
||||||
|
<div class="ui two buttons">
|
||||||
|
{{#FooterButtonX2List}}
|
||||||
|
<div class="ui basic {{Color}} button" onclick="{{OnClick}}">{{{Text}}}</div>
|
||||||
|
{{/FooterButtonX2List}}
|
||||||
|
</div>
|
||||||
|
<div class="ui horizontal divider">Add. controls</div>
|
||||||
|
<div class="ui one buttons">
|
||||||
|
{{#FooterButtonX1List}}
|
||||||
|
<div class="ui basic {{Color}} button" onclick="{{OnClick}}">{{{Text}}}</div>
|
||||||
|
{{/FooterButtonX1List}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/RenderRobotList}}
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<script class="openrpa-hidden-monitor-table-general" style="display:none" type="text/x-handlebars-template">
|
||||||
|
<table class="ui celled table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Machine name</th>
|
||||||
|
<th>Machihe host</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Actions,length: {{childs.length}}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{{#ListenURLList}}
|
||||||
|
<tr><td>{{Description}}</td><td>{{URL}}</td><td class="negative">None</td></tr>
|
||||||
|
{{/ListenURLList}}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script class="openrpa-handlebar-template-table-filter" style="display:none" type="text/x-handlebars-template">
|
||||||
|
{{#if Title}}
|
||||||
|
<h1>{{{Title}}}</h1>
|
||||||
|
{{/if}}
|
||||||
|
{{#if FilterOnKeyUp}}
|
||||||
|
<div class="ui icon input search" style="width:500px;">
|
||||||
|
<input type="text" onkeyup="{{#if FilterOnKeyUp}}{{{FilterOnKeyUp}}}{{/if}}" placeholder="Search...">
|
||||||
|
<i class="inverted circular search link icon"></i>
|
||||||
|
</div>
|
||||||
|
{{/if}}
|
||||||
|
<table class="ui celled table selectable inverted">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
{{#Columns}}
|
||||||
|
<th>{{{this}}}</th>
|
||||||
|
{{/Columns}}
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{{#Rows}}
|
||||||
|
<tr>
|
||||||
|
{{#this}}
|
||||||
|
<td>
|
||||||
|
{{{this}}}
|
||||||
|
</td>
|
||||||
|
{{/this}}
|
||||||
|
</tr>
|
||||||
|
{{/Rows}}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</script>
|
||||||
|
<script class="openrpa-handlebar-template-list-filter" style="display:none" type="text/x-handlebars-template">
|
||||||
|
{{#if Title}}
|
||||||
|
<h1>{{{Title}}}</h1>
|
||||||
|
{{/if}}
|
||||||
|
{{#if FilterOnKeyUp}}
|
||||||
|
<div class="ui icon input search" style="width:500px;">
|
||||||
|
<input type="text" onkeyup="{{#if FilterOnKeyUp}}{{{FilterOnKeyUp}}}{{/if}}" placeholder="Search...">
|
||||||
|
<i class="inverted circular search link icon"></i>
|
||||||
|
</div>
|
||||||
|
{{/if}}
|
||||||
|
<div class="ui inverted segment">
|
||||||
|
<div class="ui inverted relaxed divided list">
|
||||||
|
{{#List}}
|
||||||
|
<div class="item">
|
||||||
|
<i class="map marker icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
<a class="header">{{{Header}}}</a>
|
||||||
|
<div class="description">{{{Description}}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/List}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
<div class="eight wide column openrpa-robotrdpactive-control-panel-general UACClient-pyOpenRPADict-RDPKeyDict" style="display:none;">
|
||||||
|
<h2 class="ui header openrpa-rdpactive-title">
|
||||||
|
<i class="desktop icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
RDP active list
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
<div class="openrpa-robotrdpactive-control-panel"></div>
|
||||||
|
<script class="openrpa-hidden-robotrdpactive-control-panel" style="display:none" type="text/x-handlebars-template">
|
||||||
|
<div class="ui inverted segment" style="background: #368279">
|
||||||
|
<div class="ui inverted relaxed divided list">
|
||||||
|
{{#HandlebarsList}}
|
||||||
|
<div class="item">
|
||||||
|
<div class="right floated content">
|
||||||
|
<div class="ui button" onclick="mGlobal.Processor.ServerValueAppend(['RobotRDPActive','ActivityList'],{'DefNameStr': 'RDPSessionReconnect', 'ArgList': [], 'ArgDict': {'inRDPSessionKeyStr': '{{{SessionKeyStr}}}'} })" >Reconnect</div>
|
||||||
|
</div>
|
||||||
|
<div class="right floated content">
|
||||||
|
{{#if IsIgnoredBool}}
|
||||||
|
<div class="ui button red" onclick="mGlobal.Processor.ServerValueSet(['RobotRDPActive','RDPList','{{{SessionKeyStr}}}','SessionIsIgnoredBool'],false);">Ignore</div>
|
||||||
|
{{else}}
|
||||||
|
<div class="ui button" onclick="mGlobal.Processor.ServerValueSet(['RobotRDPActive','RDPList','{{{SessionKeyStr}}}','SessionIsIgnoredBool'],true);">Ignore</div>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
<div class="right floated content">
|
||||||
|
{{#if IsFullScreenBool}}
|
||||||
|
<div class="ui button green" onclick="mGlobal.Processor.ServerValueSet(['RobotRDPActive','FullScreenRDPSessionKeyStr'],null);">Full screen</div>
|
||||||
|
{{else}}
|
||||||
|
<div class="ui button" onclick="mGlobal.Processor.ServerValueSet(['RobotRDPActive','FullScreenRDPSessionKeyStr'],'{{{SessionKeyStr}}}');">Full screen</div>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="header">Session key: {{{SessionKeyStr}}}</div>
|
||||||
|
{{{SessionHexStr}}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/HandlebarsList}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<div class="eight wide column UACClient-pyOpenRPADict-AgentKeyDict" style="display:none">
|
||||||
|
<h2 class="ui header " style="">
|
||||||
|
<i class="bug icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
Agent active list
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
<div class="pyOpenRPA-Agent-List"></div>
|
||||||
|
<script class="pyOpenRPA-Agent-ListTemplate" style="display:none" type="text/x-handlebars-template">
|
||||||
|
<div class="ui inverted segment" style="background: #368279">
|
||||||
|
<div class="ui inverted relaxed divided list">
|
||||||
|
{{#HandlebarsList}}
|
||||||
|
<div class="item">
|
||||||
|
<div class="right floated content">
|
||||||
|
{{#if IsListenBool}}
|
||||||
|
<i class="circle icon green"></i>
|
||||||
|
Online
|
||||||
|
{{else}}
|
||||||
|
<i class="circle icon red"></i>
|
||||||
|
Offline
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="header">Hostname: {{{HostnameUpperStr}}}, User: {{{UserUpperStr}}}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{/HandlebarsList}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row openrpa-monitor">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="sixteen wide column" style="">
|
||||||
|
<h2 class="ui header">
|
||||||
|
<i class="settings icon"></i>
|
||||||
|
<div class="content">
|
||||||
|
Administration
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="sixteen wide column" style="">
|
||||||
|
<h4 class="ui horizontal divider header" >
|
||||||
|
<i class="clipboard list icon"></i>
|
||||||
|
Logs
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<textarea class="mGlobal-pyOpenRPA-ServerLogList UACClient-pyOpenRPADict-AdminDict-LogViewerBool" readonly="readonly" style="width:100%; display:none; resize: none; font-family:monospace; font-weight: bold;" id="textarea_id" rows="20">
|
||||||
|
|
||||||
|
</textarea>
|
||||||
|
<a class="mGlobal-pyOpenRPA-ServerLogListDoRender" onclick="" style="cursor: pointer;">Freeze textarea</a>
|
||||||
|
<div class="ui fluid action input UACClient-pyOpenRPADict-AdminDict-CMDInputBool" style="display:none;">
|
||||||
|
<input class="openrpa-controller-cmd-run-input" type="text" placeholder="CMD Code...">
|
||||||
|
<div class="ui button" onclick="mGlobal.Controller.CMDRun();">Run!</div>
|
||||||
|
<div class="ui button" onclick="mGlobal.Controller.CMDRunGUILogout();">GUI Logout</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row UACClient-pyOpenRPADict-AdminDict-Debugging" style= "display:none;">
|
||||||
|
<div class="twelve wide column">
|
||||||
|
<h4 class="ui horizontal divider header" >
|
||||||
|
<i class="bug icon"></i>
|
||||||
|
Debugging - Send
|
||||||
|
</h4>
|
||||||
|
<div class="ui labeled input">
|
||||||
|
<div class="ui label">Def</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui fluid search selection dropdown mGlobal-pyOpenRPA-Debugging-Def-Dropdown" style="margin-bottom:10px;">
|
||||||
|
<input class="mGlobal-pyOpenRPA-Debugging-Def" type="hidden" name="country" style="width:100%; font-family:monospace; font-weight: bold;">
|
||||||
|
<i class="dropdown icon"></i>
|
||||||
|
<div class="default text">Def</div>
|
||||||
|
<div class="menu">
|
||||||
|
<div class="item" data-value="eh">pyOpenRPA... sys.. os.. </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui fluid labeled input" style="margin-bottom:10px;">
|
||||||
|
<div class="ui label">
|
||||||
|
ArgList
|
||||||
|
</div>
|
||||||
|
<input type="text" placeholder="[1,2,3]" class="mGlobal-pyOpenRPA-Debugging-ArgList" style="width:100%; font-family:monospace; font-weight: bold;">
|
||||||
|
</div>
|
||||||
|
<div class="ui fluid labeled input" style="margin-bottom:10px;">
|
||||||
|
<div class="ui label">
|
||||||
|
ArgDict
|
||||||
|
</div>
|
||||||
|
<input type="text" placeholder="{"Key1":"Value1"}" class="mGlobal-pyOpenRPA-Debugging-ArgDict" style="width:100%; font-family:monospace; font-weight: bold;">
|
||||||
|
</div>
|
||||||
|
<div class="ui fluid labeled input" style="margin-bottom:10px;">
|
||||||
|
<div class="ui label">
|
||||||
|
ArgGSettingsStr
|
||||||
|
</div>
|
||||||
|
<input type="text" placeholder="inGSettings" class="mGlobal-pyOpenRPA-Debugging-ArgGSettingsStr" style="width:100%; font-family:monospace; font-weight: bold;">
|
||||||
|
</div>
|
||||||
|
<div class="ui fluid labeled input" style="margin-bottom:10px;">
|
||||||
|
<div class="ui label">
|
||||||
|
ArgLoggerStr
|
||||||
|
</div>
|
||||||
|
<input type="text" placeholder="inLogger" class="mGlobal-pyOpenRPA-Debugging-ArgLoggerStr" style="width:100%; font-family:monospace; font-weight: bold;">
|
||||||
|
</div>
|
||||||
|
<div class="ui fluid button" onclick="mGlobal.pyOpenRPA.DebuggingExecute();">Execute</div>
|
||||||
|
</div>
|
||||||
|
<div class="four wide column">
|
||||||
|
<h4 class="ui horizontal divider header" >
|
||||||
|
<i class="bug icon"></i>
|
||||||
|
Debugging - Output
|
||||||
|
</h4>
|
||||||
|
<p><textarea class="mGlobal-pyOpenRPA-Debugging-Output" readonly="readonly" style="width:100%; font-family:monospace; font-weight: bold;" rows="16" cols="60"></textarea></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 class="ui horizontal divider header">
|
||||||
|
<i class="clipboard list icon"></i>
|
||||||
|
Controls
|
||||||
|
</h4>
|
||||||
|
<div class="four ui buttons">
|
||||||
|
<div class="ui animated button openrpa-control-lookmachinescreenshot green UACClient-pyOpenRPADict-AdminDict-ScreenshotViewerBool" onclick="mGlobal.Monitor.ScreenshotModal.Show();" style="display: none; margin-top: 5px;">
|
||||||
|
<div class="visible content">Show live screenshots</div>
|
||||||
|
<div class="hidden content">
|
||||||
|
<i class="right arrow icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui animated button openrpa-control-restartorchestrator orange UACClient-pyOpenRPADict-AdminDict-RestartOrchestratorBool" onclick="mGlobal.Controller.OrchestratorRestart();" style="display: none; margin-top: 5px;">
|
||||||
|
<div class="visible content">Restart orchestrator</div>
|
||||||
|
<div class="hidden content">
|
||||||
|
<i class="right arrow icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui animated button openrpa-control-gitrestartorchestrator teal UACClient-pyOpenRPADict-AdminDict-RestartOrchestratorGITPullBool" onclick="mGlobal.Controller.OrchestratorGITPullRestart();" style="display: none; margin-top: 5px;">
|
||||||
|
<div class="visible content">Git pull, restart orchestrator</div>
|
||||||
|
<div class="hidden content">
|
||||||
|
<i class="right arrow icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui animated button openrpa-control-restartpc red UACClient-pyOpenRPADict-AdminDict-RestartPCBool" onclick="mGlobal.Controller.PCRestart();" style="display: none; margin-top: 5px;">
|
||||||
|
<div class="visible content">Restart PC</div>
|
||||||
|
<div class="hidden content">
|
||||||
|
<i class="right arrow icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row black">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include 'footer.xhtml' %}
|
||||||
|
|
||||||
|
<div class="ui basic modal">
|
||||||
|
<div class="ui icon header">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>Here is the message text!</p>
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<div class="ui red basic cancel inverted button">
|
||||||
|
<i class="remove icon"></i>
|
||||||
|
No
|
||||||
|
</div>
|
||||||
|
<div class="ui green ok inverted button">
|
||||||
|
<i class="checkmark icon"></i>
|
||||||
|
Yes
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui daemon-screenshot modal">
|
||||||
|
<div class="ui icon header">
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<img src="GetScreenshot" class="ui fluid image">
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<div class="ui green ok inverted button" onclick="mGlobal.Monitor.ScreenshotModal.Close()">
|
||||||
|
<i class="checkmark icon"></i>
|
||||||
|
Close
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui modal openrpa-code-list-gui-import-modal">
|
||||||
|
<i class="close icon"></i>
|
||||||
|
<div class="header">
|
||||||
|
Code list import
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<div class="description">
|
||||||
|
<div class="ui header">Insert your JSON specification here.</div>
|
||||||
|
<p><textarea style="width:100%" rows="6" cols="60"></textarea></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="actions">
|
||||||
|
<div class="ui black deny button">
|
||||||
|
Cancel
|
||||||
|
</div>
|
||||||
|
<div class="ui positive right labeled icon button" onclick="mGlobal.CodeList.fActionSpecificationImportFromJSON();">
|
||||||
|
Parse
|
||||||
|
<i class="checkmark icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 251 KiB |
|
After Width: | Height: | Size: 244 KiB |
|
After Width: | Height: | Size: 239 KiB |
|
After Width: | Height: | Size: 252 KiB |
|
After Width: | Height: | Size: 255 KiB |
|
After Width: | Height: | Size: 255 KiB |
|
After Width: | Height: | Size: 255 KiB |
|
After Width: | Height: | Size: 255 KiB |
|
After Width: | Height: | Size: 255 KiB |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,157 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - Container
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Container
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* All Sizes */
|
||||||
|
.ui.container {
|
||||||
|
display: block;
|
||||||
|
max-width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile */
|
||||||
|
@media only screen and (max-width: 767px) {
|
||||||
|
.ui.container {
|
||||||
|
width: auto !important;
|
||||||
|
margin-left: 1em !important;
|
||||||
|
margin-right: 1em !important;
|
||||||
|
}
|
||||||
|
.ui.grid.container {
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
.ui.relaxed.grid.container {
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
.ui.very.relaxed.grid.container {
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tablet */
|
||||||
|
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.ui.container {
|
||||||
|
width: 723px;
|
||||||
|
margin-left: auto !important;
|
||||||
|
margin-right: auto !important;
|
||||||
|
}
|
||||||
|
.ui.grid.container {
|
||||||
|
width: calc( 723px + 2rem ) !important;
|
||||||
|
}
|
||||||
|
.ui.relaxed.grid.container {
|
||||||
|
width: calc( 723px + 3rem ) !important;
|
||||||
|
}
|
||||||
|
.ui.very.relaxed.grid.container {
|
||||||
|
width: calc( 723px + 5rem ) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Small Monitor */
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.ui.container {
|
||||||
|
width: 933px;
|
||||||
|
margin-left: auto !important;
|
||||||
|
margin-right: auto !important;
|
||||||
|
}
|
||||||
|
.ui.grid.container {
|
||||||
|
width: calc( 933px + 2rem ) !important;
|
||||||
|
}
|
||||||
|
.ui.relaxed.grid.container {
|
||||||
|
width: calc( 933px + 3rem ) !important;
|
||||||
|
}
|
||||||
|
.ui.very.relaxed.grid.container {
|
||||||
|
width: calc( 933px + 5rem ) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Large Monitor */
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.container {
|
||||||
|
width: 1127px;
|
||||||
|
margin-left: auto !important;
|
||||||
|
margin-right: auto !important;
|
||||||
|
}
|
||||||
|
.ui.grid.container {
|
||||||
|
width: calc( 1127px + 2rem ) !important;
|
||||||
|
}
|
||||||
|
.ui.relaxed.grid.container {
|
||||||
|
width: calc( 1127px + 3rem ) !important;
|
||||||
|
}
|
||||||
|
.ui.very.relaxed.grid.container {
|
||||||
|
width: calc( 1127px + 5rem ) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Text Container */
|
||||||
|
.ui.text.container {
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
max-width: 700px !important;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
.ui.text.container {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fluid */
|
||||||
|
.ui.fluid.container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui[class*="left aligned"].container {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.ui[class*="center aligned"].container {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui[class*="right aligned"].container {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.ui.justified.container {
|
||||||
|
text-align: justify;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
@ -0,0 +1,270 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - Divider
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Divider
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.divider {
|
||||||
|
margin: 1rem 0rem;
|
||||||
|
line-height: 1;
|
||||||
|
height: 0em;
|
||||||
|
font-weight: bold;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Basic
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.divider:not(.vertical):not(.horizontal) {
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Coupling
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Allow divider between each column row */
|
||||||
|
.ui.grid > .column + .divider,
|
||||||
|
.ui.grid > .row > .column + .divider {
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Horizontal
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.horizontal.divider {
|
||||||
|
display: table;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: auto;
|
||||||
|
margin: '';
|
||||||
|
line-height: 1;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider:before,
|
||||||
|
.ui.horizontal.divider:after {
|
||||||
|
content: '';
|
||||||
|
display: table-cell;
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
width: 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider:before {
|
||||||
|
background-position: right 1em top 50%;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider:after {
|
||||||
|
background-position: left 1em top 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Vertical
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.vertical.divider {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 2;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: 0rem;
|
||||||
|
padding: 0em;
|
||||||
|
width: auto;
|
||||||
|
height: 50%;
|
||||||
|
line-height: 0em;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-transform: translateX(-50%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
.ui.vertical.divider:before,
|
||||||
|
.ui.vertical.divider:after {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
content: '';
|
||||||
|
z-index: 3;
|
||||||
|
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
border-right: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
width: 0%;
|
||||||
|
height: calc(100% - 1rem );
|
||||||
|
}
|
||||||
|
.ui.vertical.divider:before {
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
.ui.vertical.divider:after {
|
||||||
|
top: auto;
|
||||||
|
bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inside grid */
|
||||||
|
@media only screen and (max-width: 767px) {
|
||||||
|
.ui.stackable.grid .ui.vertical.divider,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider {
|
||||||
|
display: table;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: auto;
|
||||||
|
margin: '';
|
||||||
|
overflow: hidden;
|
||||||
|
line-height: 1;
|
||||||
|
text-align: center;
|
||||||
|
position: static;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:before,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:before,
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:after,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:after {
|
||||||
|
position: static;
|
||||||
|
left: 0;
|
||||||
|
border-left: none;
|
||||||
|
border-right: none;
|
||||||
|
content: '';
|
||||||
|
display: table-cell;
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
width: 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:before,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:before {
|
||||||
|
background-position: right 1em top 50%;
|
||||||
|
}
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:after,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:after {
|
||||||
|
background-position: left 1em top 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Icon
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.divider > .icon {
|
||||||
|
margin: 0rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
height: 1em;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Hidden
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.hidden.divider {
|
||||||
|
border-color: transparent !important;
|
||||||
|
}
|
||||||
|
.ui.hidden.divider:before,
|
||||||
|
.ui.hidden.divider:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inverted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.divider.inverted,
|
||||||
|
.ui.vertical.inverted.divider,
|
||||||
|
.ui.horizontal.inverted.divider {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.divider.inverted,
|
||||||
|
.ui.divider.inverted:after,
|
||||||
|
.ui.divider.inverted:before {
|
||||||
|
border-top-color: rgba(34, 36, 38, 0.15) !important;
|
||||||
|
border-left-color: rgba(34, 36, 38, 0.15) !important;
|
||||||
|
border-bottom-color: rgba(255, 255, 255, 0.15) !important;
|
||||||
|
border-right-color: rgba(255, 255, 255, 0.15) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Fitted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.fitted.divider {
|
||||||
|
margin: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Clearing
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.clearing.divider {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Section
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.section.divider {
|
||||||
|
margin-top: 2rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sizes
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.divider {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.horizontal.divider:before,
|
||||||
|
.ui.horizontal.divider:after {
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767px) {
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:before,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:before,
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:after,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:after {
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,737 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - Header
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Header
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Standard */
|
||||||
|
.ui.header {
|
||||||
|
border: none;
|
||||||
|
margin: calc(2rem - 0.14285714em ) 0em 1rem;
|
||||||
|
padding: 0em 0em;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1.28571429em;
|
||||||
|
text-transform: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.header:first-child {
|
||||||
|
margin-top: -0.14285714em;
|
||||||
|
}
|
||||||
|
.ui.header:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sub Header
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.header .sub.header {
|
||||||
|
display: block;
|
||||||
|
font-weight: normal;
|
||||||
|
padding: 0em;
|
||||||
|
margin: 0em;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.2em;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Icon
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.header > .icon {
|
||||||
|
display: table-cell;
|
||||||
|
opacity: 1;
|
||||||
|
font-size: 1.5em;
|
||||||
|
padding-top: 0em;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* With Text Node */
|
||||||
|
.ui.header .icon:only-child {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0em;
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Image
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.header > .image:not(.icon),
|
||||||
|
.ui.header > img {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 0.14285714em;
|
||||||
|
width: 2.5em;
|
||||||
|
height: auto;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.ui.header > .image:not(.icon):only-child,
|
||||||
|
.ui.header > img:only-child {
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.header .content {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* After Image */
|
||||||
|
.ui.header > img + .content,
|
||||||
|
.ui.header > .image + .content {
|
||||||
|
padding-left: 0.75rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* After Icon */
|
||||||
|
.ui.header > .icon + .content {
|
||||||
|
padding-left: 0.75rem;
|
||||||
|
display: table-cell;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Loose Coupling
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.header .ui.label {
|
||||||
|
font-size: '';
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Positioning */
|
||||||
|
.ui.header + p {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Page
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
h1.ui.header {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
h2.ui.header {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
h3.ui.header {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
h4.ui.header {
|
||||||
|
font-size: 1.07142857rem;
|
||||||
|
}
|
||||||
|
h5.ui.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sub Header */
|
||||||
|
h1.ui.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
h2.ui.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
h3.ui.header .sub.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
h4.ui.header .sub.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
h5.ui.header .sub.header {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content Heading
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.huge.header {
|
||||||
|
min-height: 1em;
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
.ui.large.header {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
.ui.medium.header {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.small.header {
|
||||||
|
font-size: 1.07142857em;
|
||||||
|
}
|
||||||
|
.ui.tiny.header {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sub Header */
|
||||||
|
.ui.huge.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.large.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.header .sub.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.small.header .sub.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.header .sub.header {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sub Heading
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.sub.header {
|
||||||
|
padding: 0em;
|
||||||
|
margin-bottom: 0.14285714rem;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: '';
|
||||||
|
}
|
||||||
|
.ui.small.sub.header {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.sub.header {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.large.sub.header {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.huge.sub.header {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Icon
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.icon.header {
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
margin: 2rem 0em 1rem;
|
||||||
|
}
|
||||||
|
.ui.icon.header:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
height: 0px;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.ui.icon.header:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
.ui.icon.header .icon {
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
line-height: 1;
|
||||||
|
padding: 0em;
|
||||||
|
font-size: 3em;
|
||||||
|
margin: 0em auto 0.5rem;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.ui.icon.header .content {
|
||||||
|
display: block;
|
||||||
|
padding: 0em;
|
||||||
|
}
|
||||||
|
.ui.icon.header .circular.icon {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
.ui.icon.header .square.icon {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
.ui.block.icon.header .icon {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
.ui.icon.header.aligned {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.disabled.header {
|
||||||
|
opacity: 0.45;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Inverted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.inverted.header {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.inverted.header .sub.header {
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
.ui.inverted.attached.header {
|
||||||
|
background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
||||||
|
background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
.ui.inverted.block.header {
|
||||||
|
background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
||||||
|
background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.ui.inverted.block.header {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Colors
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/*--- Red ---*/
|
||||||
|
|
||||||
|
.ui.red.header {
|
||||||
|
color: #DB2828 !important;
|
||||||
|
}
|
||||||
|
a.ui.red.header:hover {
|
||||||
|
color: #d01919 !important;
|
||||||
|
}
|
||||||
|
.ui.red.dividing.header {
|
||||||
|
border-bottom: 2px solid #DB2828;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.red.header {
|
||||||
|
color: #FF695E !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.red.header:hover {
|
||||||
|
color: #ff5144 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Orange ---*/
|
||||||
|
|
||||||
|
.ui.orange.header {
|
||||||
|
color: #F2711C !important;
|
||||||
|
}
|
||||||
|
a.ui.orange.header:hover {
|
||||||
|
color: #f26202 !important;
|
||||||
|
}
|
||||||
|
.ui.orange.dividing.header {
|
||||||
|
border-bottom: 2px solid #F2711C;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.orange.header {
|
||||||
|
color: #FF851B !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.orange.header:hover {
|
||||||
|
color: #ff7701 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Olive ---*/
|
||||||
|
|
||||||
|
.ui.olive.header {
|
||||||
|
color: #B5CC18 !important;
|
||||||
|
}
|
||||||
|
a.ui.olive.header:hover {
|
||||||
|
color: #a7bd0d !important;
|
||||||
|
}
|
||||||
|
.ui.olive.dividing.header {
|
||||||
|
border-bottom: 2px solid #B5CC18;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.olive.header {
|
||||||
|
color: #D9E778 !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.olive.header:hover {
|
||||||
|
color: #d8ea5c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Yellow ---*/
|
||||||
|
|
||||||
|
.ui.yellow.header {
|
||||||
|
color: #FBBD08 !important;
|
||||||
|
}
|
||||||
|
a.ui.yellow.header:hover {
|
||||||
|
color: #eaae00 !important;
|
||||||
|
}
|
||||||
|
.ui.yellow.dividing.header {
|
||||||
|
border-bottom: 2px solid #FBBD08;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.yellow.header {
|
||||||
|
color: #FFE21F !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.yellow.header:hover {
|
||||||
|
color: #ffdf05 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Green ---*/
|
||||||
|
|
||||||
|
.ui.green.header {
|
||||||
|
color: #21BA45 !important;
|
||||||
|
}
|
||||||
|
a.ui.green.header:hover {
|
||||||
|
color: #16ab39 !important;
|
||||||
|
}
|
||||||
|
.ui.green.dividing.header {
|
||||||
|
border-bottom: 2px solid #21BA45;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.green.header {
|
||||||
|
color: #2ECC40 !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.green.header:hover {
|
||||||
|
color: #22be34 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Teal ---*/
|
||||||
|
|
||||||
|
.ui.teal.header {
|
||||||
|
color: #00B5AD !important;
|
||||||
|
}
|
||||||
|
a.ui.teal.header:hover {
|
||||||
|
color: #009c95 !important;
|
||||||
|
}
|
||||||
|
.ui.teal.dividing.header {
|
||||||
|
border-bottom: 2px solid #00B5AD;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.teal.header {
|
||||||
|
color: #6DFFFF !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.teal.header:hover {
|
||||||
|
color: #54ffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Blue ---*/
|
||||||
|
|
||||||
|
.ui.blue.header {
|
||||||
|
color: #2185D0 !important;
|
||||||
|
}
|
||||||
|
a.ui.blue.header:hover {
|
||||||
|
color: #1678c2 !important;
|
||||||
|
}
|
||||||
|
.ui.blue.dividing.header {
|
||||||
|
border-bottom: 2px solid #2185D0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.blue.header {
|
||||||
|
color: #54C8FF !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.blue.header:hover {
|
||||||
|
color: #3ac0ff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Violet ---*/
|
||||||
|
|
||||||
|
.ui.violet.header {
|
||||||
|
color: #6435C9 !important;
|
||||||
|
}
|
||||||
|
a.ui.violet.header:hover {
|
||||||
|
color: #5829bb !important;
|
||||||
|
}
|
||||||
|
.ui.violet.dividing.header {
|
||||||
|
border-bottom: 2px solid #6435C9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.violet.header {
|
||||||
|
color: #A291FB !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.violet.header:hover {
|
||||||
|
color: #8a73ff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Purple ---*/
|
||||||
|
|
||||||
|
.ui.purple.header {
|
||||||
|
color: #A333C8 !important;
|
||||||
|
}
|
||||||
|
a.ui.purple.header:hover {
|
||||||
|
color: #9627ba !important;
|
||||||
|
}
|
||||||
|
.ui.purple.dividing.header {
|
||||||
|
border-bottom: 2px solid #A333C8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.purple.header {
|
||||||
|
color: #DC73FF !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.purple.header:hover {
|
||||||
|
color: #d65aff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Pink ---*/
|
||||||
|
|
||||||
|
.ui.pink.header {
|
||||||
|
color: #E03997 !important;
|
||||||
|
}
|
||||||
|
a.ui.pink.header:hover {
|
||||||
|
color: #e61a8d !important;
|
||||||
|
}
|
||||||
|
.ui.pink.dividing.header {
|
||||||
|
border-bottom: 2px solid #E03997;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.pink.header {
|
||||||
|
color: #FF8EDF !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.pink.header:hover {
|
||||||
|
color: #ff74d8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Brown ---*/
|
||||||
|
|
||||||
|
.ui.brown.header {
|
||||||
|
color: #A5673F !important;
|
||||||
|
}
|
||||||
|
a.ui.brown.header:hover {
|
||||||
|
color: #975b33 !important;
|
||||||
|
}
|
||||||
|
.ui.brown.dividing.header {
|
||||||
|
border-bottom: 2px solid #A5673F;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.brown.header {
|
||||||
|
color: #D67C1C !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.brown.header:hover {
|
||||||
|
color: #c86f11 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--- Grey ---*/
|
||||||
|
|
||||||
|
.ui.grey.header {
|
||||||
|
color: #767676 !important;
|
||||||
|
}
|
||||||
|
a.ui.grey.header:hover {
|
||||||
|
color: #838383 !important;
|
||||||
|
}
|
||||||
|
.ui.grey.dividing.header {
|
||||||
|
border-bottom: 2px solid #767676;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.grey.header {
|
||||||
|
color: #DCDDDE !important;
|
||||||
|
}
|
||||||
|
a.ui.inverted.grey.header:hover {
|
||||||
|
color: #cfd0d2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Aligned
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.left.aligned.header {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.header {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.ui.centered.header,
|
||||||
|
.ui.center.aligned.header {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui.justified.header {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
.ui.justified.header:after {
|
||||||
|
display: inline-block;
|
||||||
|
content: '';
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Floated
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.floated.header,
|
||||||
|
.ui[class*="left floated"].header {
|
||||||
|
float: left;
|
||||||
|
margin-top: 0em;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui[class*="right floated"].header {
|
||||||
|
float: right;
|
||||||
|
margin-top: 0em;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Fitted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.fitted.header {
|
||||||
|
padding: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Dividing
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.dividing.header {
|
||||||
|
padding-bottom: 0.21428571rem;
|
||||||
|
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.dividing.header .sub.header {
|
||||||
|
padding-bottom: 0.21428571rem;
|
||||||
|
}
|
||||||
|
.ui.dividing.header .icon {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
.ui.inverted.dividing.header {
|
||||||
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Block
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.block.header {
|
||||||
|
background: #F3F4F5;
|
||||||
|
padding: 0.78571429rem 1rem;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: 1px solid #D4D4D5;
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.block.header {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.block.header {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.large.block.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.huge.block.header {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Attached
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.attached.header {
|
||||||
|
background: #FFFFFF;
|
||||||
|
padding: 0.78571429rem 1rem;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-right: -1px;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: 1px solid #D4D4D5;
|
||||||
|
}
|
||||||
|
.ui.attached.block.header {
|
||||||
|
background: #F3F4F5;
|
||||||
|
}
|
||||||
|
.ui.attached:not(.top):not(.bottom).header {
|
||||||
|
margin-top: 0em;
|
||||||
|
margin-bottom: 0em;
|
||||||
|
border-top: none;
|
||||||
|
border-radius: 0em;
|
||||||
|
}
|
||||||
|
.ui.top.attached.header {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
|
||||||
|
}
|
||||||
|
.ui.bottom.attached.header {
|
||||||
|
margin-top: 0em;
|
||||||
|
border-top: none;
|
||||||
|
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Attached Sizes */
|
||||||
|
.ui.tiny.attached.header {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.small.attached.header {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.large.attached.header {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.huge.attached.header {
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Sizing
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,759 @@
|
|||||||
|
/*******************************
|
||||||
|
Homepage
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
#www-main.index .pusher > .page {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 992px) {
|
||||||
|
html {
|
||||||
|
overflow-x: visible;
|
||||||
|
-webkit-overflow-scrolling: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#www-main > .pusher {
|
||||||
|
display: block;
|
||||||
|
min-height: 0px;
|
||||||
|
flex-direction: initial;
|
||||||
|
}
|
||||||
|
#www-main > .pusher > .full.height {
|
||||||
|
display: block;
|
||||||
|
flex: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Masthead
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
#www-main.index .masthead.segment.zoomed h1 {
|
||||||
|
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0);
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.zoomed:after {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.zoomed {
|
||||||
|
background-color: #25282A;
|
||||||
|
}
|
||||||
|
|
||||||
|
#www-main.index .masthead {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0em;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
margin-bottom: 0px;
|
||||||
|
border-bottom: none;
|
||||||
|
|
||||||
|
background-color: #000000;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
#www-main.index .masthead:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
z-index: -1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
content: '';
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
opacity: 0.45;
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg1:after {
|
||||||
|
background-image: url("./bg1.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg2:after {
|
||||||
|
background-image: url("./bg2.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg3:after {
|
||||||
|
background-image: url("./bg3.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg4:after {
|
||||||
|
background-image: url("./bg4.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg5:after {
|
||||||
|
background-image: url("./bg5.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg6:after {
|
||||||
|
background-image: url("./bg6.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg7:after {
|
||||||
|
background-image: url("./bg7.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg8:after {
|
||||||
|
background-image: url("./bg8.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg9:after {
|
||||||
|
background-image: url("./bg9.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg10:after {
|
||||||
|
background-image: url("./bg10.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg11:after {
|
||||||
|
background-image: url("./bg1.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg12:after {
|
||||||
|
background-image: url("./bg2.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg13:after {
|
||||||
|
background-image: url("./bg3.jpg");
|
||||||
|
}
|
||||||
|
#www-main.index .masthead.bg14:after {
|
||||||
|
background-image: url("./bg4.jpg");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#www-main.index .masthead,
|
||||||
|
#www-main.index .masthead:after {
|
||||||
|
-ms-transition:
|
||||||
|
background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
|
||||||
|
opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
|
||||||
|
-moz-transition:
|
||||||
|
background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
|
||||||
|
opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
|
||||||
|
-webkit-transition:
|
||||||
|
background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
|
||||||
|
opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
|
||||||
|
transition:
|
||||||
|
background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
|
||||||
|
opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
|
||||||
|
}
|
||||||
|
#example.index .masthead .container {
|
||||||
|
height: 55vh;
|
||||||
|
margin-left: auto !important;
|
||||||
|
margin-right: auto !important;
|
||||||
|
min-height: 600px;
|
||||||
|
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-webkit-align-items: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-webkit-justify-content: center;
|
||||||
|
-ms-flex-pack: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
#example .masthead .container {
|
||||||
|
padding: 15rem 0em;
|
||||||
|
}
|
||||||
|
#example.index .following.bar iframe.github {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
#www-main.index .following.bar .menu .item {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
#example.index.pushed .masthead,
|
||||||
|
#example.index.pushed .following.bar {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
-moz-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
#example.index > .pusher > .footer {
|
||||||
|
padding-left: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example.index .light.following.bar {
|
||||||
|
padding: 0em 0em;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border-bottom: 1px solid #DDDDDD;
|
||||||
|
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
#example.index .masthead.segment .typed-cursor {
|
||||||
|
position: relative;
|
||||||
|
top: -0.05em;
|
||||||
|
left: -0.25em;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-animation: blink 0.7s infinite;
|
||||||
|
-moz-animation: blink 0.7s infinite;
|
||||||
|
animation: blink 0.7s infinite;
|
||||||
|
-webkit-transition: opacity 0.7s ease;
|
||||||
|
-moz-transition: opacity 0.7s ease;
|
||||||
|
transition: opacity 0.7s ease;
|
||||||
|
}
|
||||||
|
#example.index .masthead.segment .typed-cursor.stop {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-animation-duration: 0s;
|
||||||
|
-webkit-animation-duration: 0s;
|
||||||
|
animation-duration: 0s;
|
||||||
|
}
|
||||||
|
@keyframes blink {
|
||||||
|
0% { opacity:1; }
|
||||||
|
50% { opacity:0; }
|
||||||
|
100% { opacity:1; }
|
||||||
|
}
|
||||||
|
@-webkit-keyframes blink {
|
||||||
|
0% { opacity:1; }
|
||||||
|
50% { opacity:0; }
|
||||||
|
100% { opacity:1; }
|
||||||
|
}
|
||||||
|
@-moz-keyframes blink {
|
||||||
|
0% { opacity:1; }
|
||||||
|
50% { opacity:0; }
|
||||||
|
100% { opacity:1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
#example.index .vertical.segment {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example.index .masthead.segment h1 {
|
||||||
|
font-size: 3em;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
line-height: 1.2;
|
||||||
|
margin: 0px 0px 0px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
-moz-perspective: 500px;
|
||||||
|
-webkit-perspective: 500px;
|
||||||
|
perspective: 500px;
|
||||||
|
|
||||||
|
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
|
||||||
|
-moz-transform-style: preserve-3d;
|
||||||
|
-webkit-transform-style: preserve-3d;
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
#example.index .masthead.segment h1 .tagline {
|
||||||
|
font-size: 0.75em;
|
||||||
|
}
|
||||||
|
#example.index .masthead.segment h1 > .library {
|
||||||
|
display: block;
|
||||||
|
font-size: 1.75em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
#example.index .masthead.segment h1 b {
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
#example.index .masthead.segment h1 .text {
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 300;
|
||||||
|
margin-left: -0.4em;
|
||||||
|
}
|
||||||
|
#example.index .masthead h2 {
|
||||||
|
font-weight: normal;
|
||||||
|
margin: 0px 0 16px 0px;
|
||||||
|
font-size: 1.75em;
|
||||||
|
border-bottom: none;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
#example.index .masthead p {
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin: 1em 0em 1.5em;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
#example.index .ui.header {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
#example.index .footer .ui.header {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example.index .introduction {
|
||||||
|
position: relative;
|
||||||
|
clear: both;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#example.index .introduction .buttons {
|
||||||
|
margin-top: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#example.index .advertisement {
|
||||||
|
display: none !important;
|
||||||
|
padding-left: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: auto;
|
||||||
|
right: 6em;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
#example.index .fixed.launch.button {
|
||||||
|
display: none;
|
||||||
|
top: 100px;
|
||||||
|
}
|
||||||
|
#example.index .main.menu {
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
#example.index pre.console {
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Intro
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
#example .intro.segment h1 + p {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Demo
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
#example .demo.row .example > .ui.label:not(.empty) {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
#example .demo.row .ui.progress {
|
||||||
|
margin-bottom: 2.5em;
|
||||||
|
}
|
||||||
|
#example .demo.row h4 {
|
||||||
|
font-weight: bold !important;
|
||||||
|
margin: 0em 0em 1em !important;
|
||||||
|
}
|
||||||
|
#example .demo.row .example {
|
||||||
|
clear: both;
|
||||||
|
padding-top: 3em;
|
||||||
|
margin-top: 3em;
|
||||||
|
}
|
||||||
|
#example .demo.row .ui.menu,
|
||||||
|
#example .demo.row .ui.card {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#example .demo.row .ui.card {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Features
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
#example.index .hidden.code {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example.index .demo.row .example {
|
||||||
|
clear: both;
|
||||||
|
padding-top: 1.5em;
|
||||||
|
margin-top: 1.5em;
|
||||||
|
}
|
||||||
|
#example.index .demo.row .example:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
#example.index .demo.row .example:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Following
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
#example.index .following.bar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
z-index: 900;
|
||||||
|
left: 0%;
|
||||||
|
padding: 2em 0em;
|
||||||
|
width: 100%;
|
||||||
|
box-shadow: 0px 0px 0px 0px transparent;
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
transition:
|
||||||
|
padding 0.5s ease,
|
||||||
|
background 0.5s ease,
|
||||||
|
box-shadow 0.5s ease,
|
||||||
|
border 0.5s ease
|
||||||
|
;
|
||||||
|
}
|
||||||
|
#example.index .following.bar > .menu .item {
|
||||||
|
transition: all 0.5s ease;
|
||||||
|
}
|
||||||
|
#example.index.pushed .following.bar .menu .item,
|
||||||
|
#example.index.pushed .following.bar {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
#example.index .following.bar .additional.item[data-site="learn"]:hover {
|
||||||
|
color: #D9499A;
|
||||||
|
}
|
||||||
|
#example.index .following.bar span.additional.item {
|
||||||
|
cursor: default;
|
||||||
|
color: rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
#example.index .following.bar .inverted span.additional.item {
|
||||||
|
color: rgba(255, 255, 255, 0.2);
|
||||||
|
}
|
||||||
|
#example.index .following.bar .column > .menu {
|
||||||
|
margin-top: 0px;
|
||||||
|
height: 35px;
|
||||||
|
}
|
||||||
|
#example.index .following.bar .network.menu .item {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
#example.index .following.bar .item iframe {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
#example.index .following.bar .network.menu .view-ui {
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
#example.index .light.following.bar .network.menu .view-ui {
|
||||||
|
color: #00B5AD;
|
||||||
|
}
|
||||||
|
#example.index .light.following.bar .inverted.network.menu .view-ui {
|
||||||
|
color: #6DFFFF;
|
||||||
|
}
|
||||||
|
#example.index .following .logo {
|
||||||
|
float: left;
|
||||||
|
width: 35px;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
#example.index .following .logo .side {
|
||||||
|
width: 35px;
|
||||||
|
}
|
||||||
|
#example .masthead .version.label:after {
|
||||||
|
background-color: #000000 !important;
|
||||||
|
}
|
||||||
|
#example.index .following .version.label {
|
||||||
|
margin: 0.25em 0px 0px 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Stripes
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
#example.index .stripe .grid .row {
|
||||||
|
margin: 2rem 0rem;
|
||||||
|
}
|
||||||
|
#example.index .feature.stripe .grid .row {
|
||||||
|
margin: 0rem;
|
||||||
|
}
|
||||||
|
#example.index .feature.stripe .column {
|
||||||
|
display: flex;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
-moz-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
#example.index .feature.stripe p {
|
||||||
|
-webkit-flex: 1 0 auto;
|
||||||
|
-moz-flex: 1 0 auto;
|
||||||
|
-ms-flex: 1 0 auto;
|
||||||
|
flex: 1 0 auto;
|
||||||
|
margin: 0.5em 0em 2em;
|
||||||
|
}
|
||||||
|
#example .stripe .ui.vertical.divider {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
#example.index .feature.stripe .icon.header .icon.image {
|
||||||
|
width: auto;
|
||||||
|
height: 65px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
#example.index .stripe .icon.header .icon.image {
|
||||||
|
height: 65px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
#example.index .community.stripe {
|
||||||
|
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
|
||||||
|
padding: 4em 0;
|
||||||
|
}
|
||||||
|
#example.index .stripe .icon.header i.icon {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Final */
|
||||||
|
#example.index .final.stripe {
|
||||||
|
border-top: 1px solid #DDDDDD;
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Alternate */
|
||||||
|
#example .alternate.stripe {
|
||||||
|
background-color: #F2F3F5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
#example.index .inverted.stripe {
|
||||||
|
background-color: #1B1C1D;
|
||||||
|
}
|
||||||
|
#example.index .inverted.stripe p {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Legacy?
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
/* content */
|
||||||
|
#example .solid,
|
||||||
|
#example .stripe {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
padding: 10em 0px;
|
||||||
|
border-radius: 0em;
|
||||||
|
margin: 0em;
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
#example .theming.stripe {
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example .stripe h1 {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
#example .stripe h2 {
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
#example .stripe h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
#example .feature.stripe {
|
||||||
|
padding: 3em 0em;
|
||||||
|
}
|
||||||
|
#example .theming.stripe .left.aligned.column {
|
||||||
|
padding-top: 8em;
|
||||||
|
}
|
||||||
|
#example .theming.stripe .hljs.code {
|
||||||
|
height: 483px;
|
||||||
|
max-height: 483px;
|
||||||
|
}
|
||||||
|
#example .theming .source.grid {
|
||||||
|
display: none !important;
|
||||||
|
margin: 2rem 2rem -4rem;
|
||||||
|
}
|
||||||
|
#example .theming .source.grid.visible {
|
||||||
|
display: block;
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example .theming.stripe .buttons {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
#example .theming.stripe .button {
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
#example .stripe .column > p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin: 1em 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example .dark.stripe {
|
||||||
|
background-color: #333333;
|
||||||
|
background: url(/images/dark-bg.png) repeat;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
#example .stripe .column > .label {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example .solid {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
#example .solid .column {
|
||||||
|
color: #555555;
|
||||||
|
}
|
||||||
|
#example .solid .column p b {
|
||||||
|
color: rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
|
#example .solid .column p {
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Promo
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
#example.index .promo.stripe {
|
||||||
|
padding: 3em 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Newsletter
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
#example.index .email.stripe {
|
||||||
|
padding: 5em 0em;
|
||||||
|
}
|
||||||
|
#example.index .email.stripe p {
|
||||||
|
margin: -0.5em 0em 1em;
|
||||||
|
}
|
||||||
|
#example.index .email.stripe .input {
|
||||||
|
width: 450px;
|
||||||
|
}
|
||||||
|
#example.index .email.stripe .submit.button {
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width : 400px) {
|
||||||
|
#example.index .advertisement {
|
||||||
|
display: none;
|
||||||
|
margin-left: -130px !important;
|
||||||
|
}
|
||||||
|
#example.index .carbonad {
|
||||||
|
width: 260px !important;
|
||||||
|
}
|
||||||
|
#example.index .masthead.segment h1 {
|
||||||
|
font-size: 1.75em !important;
|
||||||
|
}
|
||||||
|
#example.index .feature.stripe {
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width : 600px) {
|
||||||
|
#example.index .solid,
|
||||||
|
#example.index .stripe {
|
||||||
|
padding: 4em 0em;
|
||||||
|
}
|
||||||
|
#example.index .masthead.segment h1 .text {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
#example.index .following.bar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#example.index .masthead:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#example.index .following.bar .column {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#example.index .following .logo {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
#example.index .codebase.stripe {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#example.index .following .version.label {
|
||||||
|
vertical-align: top;
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
#example .masthead .container {
|
||||||
|
padding: 6rem 0rem;
|
||||||
|
}
|
||||||
|
#example.index .masthead.segment h1 {
|
||||||
|
font-size: 2.25em;
|
||||||
|
}
|
||||||
|
#example.index .email.stripe .input {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#example.index .following .secondary.menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#example.index .email.stripe .submit.button {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
|
#example.index .stripe .icon.header .icon.image {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
#example.index .stripe {
|
||||||
|
padding: 2em 0em !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width : 650px) {
|
||||||
|
#example.index .fixed.launch.button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#example .stripe h1 {
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width : 601px) {
|
||||||
|
#example .theming .source.button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#example.index .main.menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#example.index .fixed.launch.button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Homepage */
|
||||||
|
@media only screen and (max-width : 810px) {
|
||||||
|
#example.index .masthead.segment h1 > .library {
|
||||||
|
font-size: 1.75em;
|
||||||
|
}
|
||||||
|
#example.index .feature.stripe p {
|
||||||
|
height: auto;
|
||||||
|
min-height: 0px;
|
||||||
|
}
|
||||||
|
#example.index .container {
|
||||||
|
margin-left: 0em;
|
||||||
|
margin-right: 0em;
|
||||||
|
}
|
||||||
|
#example .solid, #example .stripe {
|
||||||
|
padding: 6em 0em;
|
||||||
|
}
|
||||||
|
#example.index .masthead .container {
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
#example.index .following.bar span.additional.item {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden !important;
|
||||||
|
}
|
||||||
|
#example.index .following.bar .network.menu .view-ui {
|
||||||
|
margin-right: 0.75em;
|
||||||
|
}
|
||||||
|
#example.index .masthead .container {
|
||||||
|
min-height: 350px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width : 1040px) {
|
||||||
|
#example.index .following.bar .network.menu .view-ui {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1300px) {
|
||||||
|
#example.index .advertisement {
|
||||||
|
position: absolute;
|
||||||
|
top: auto;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 2rem;
|
||||||
|
margin-left: -175px;
|
||||||
|
-webkit-transform: none;
|
||||||
|
-moz-transform: none;
|
||||||
|
-ms-transform: none;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
#example.index .inverted.advertisement .carbonad-img {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
#example.index #carbonads-container {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
#example.index .carbonad {
|
||||||
|
width: 340px;
|
||||||
|
}
|
||||||
|
#example.index .carbonad-text,
|
||||||
|
#example.index .carbonad-tag {
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
|
text-align: left;
|
||||||
|
margin-left: 160px;
|
||||||
|
width: 170px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,322 @@
|
|||||||
|
semantic.home = {};
|
||||||
|
|
||||||
|
// ready event
|
||||||
|
semantic.home.ready = function() {
|
||||||
|
|
||||||
|
var
|
||||||
|
$themeDropdown = $('.theme.dropdown'),
|
||||||
|
$header = $('.masthead'),
|
||||||
|
$ui = $header.find('h1 b'),
|
||||||
|
$phrase = $header.find('h1 span'),
|
||||||
|
$download = $header.find('.download'),
|
||||||
|
$library = $header.find('.library'),
|
||||||
|
$cursor = $header.find('.typed-cursor'),
|
||||||
|
$version = $header.find('.version'),
|
||||||
|
$themeButton = $('.theming .source.button'),
|
||||||
|
$themeGrid = $('.theming .source.grid'),
|
||||||
|
|
||||||
|
handler
|
||||||
|
;
|
||||||
|
|
||||||
|
handler = {
|
||||||
|
getRandomInt: function(min, max) {
|
||||||
|
return Math.floor(Math.random() * (max - min + 1)) + min;
|
||||||
|
},
|
||||||
|
introduction: function() {
|
||||||
|
var
|
||||||
|
background = 'bg' + handler.getRandomInt(1, 9)
|
||||||
|
;
|
||||||
|
// zoom out
|
||||||
|
$header
|
||||||
|
.addClass(background)
|
||||||
|
.removeClass('zoomed')
|
||||||
|
;
|
||||||
|
},
|
||||||
|
changeLogo: function() {
|
||||||
|
var
|
||||||
|
$logo = $('.following .logo'),
|
||||||
|
$nextSide = $logo.find('.'+ $(this).data('site') +'.side'),
|
||||||
|
directions = [
|
||||||
|
'up',
|
||||||
|
'left',
|
||||||
|
'down',
|
||||||
|
'right'
|
||||||
|
],
|
||||||
|
direction = directions[Math.floor(Math.random() * directions.length)]
|
||||||
|
;
|
||||||
|
if($nextSide.length > 0) {
|
||||||
|
clearTimeout(handler.timer);
|
||||||
|
handler.timer = setTimeout(function() {
|
||||||
|
$logo
|
||||||
|
.shape('set next side', $nextSide)
|
||||||
|
.shape('flip ' + direction)
|
||||||
|
;
|
||||||
|
}, 50);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
returnLogo: function() {
|
||||||
|
var
|
||||||
|
$logo = $('.following .logo'),
|
||||||
|
$nextSide = $logo.find('.ui.side')
|
||||||
|
;
|
||||||
|
clearTimeout(handler.timer);
|
||||||
|
handler.timer = setTimeout(function() {
|
||||||
|
$logo
|
||||||
|
.shape('set next side', $nextSide)
|
||||||
|
.shape('flip over')
|
||||||
|
;
|
||||||
|
}, 500);
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
less: {
|
||||||
|
|
||||||
|
parseFile: function(content) {
|
||||||
|
var
|
||||||
|
variables = {},
|
||||||
|
lines = content.match(/^\s*(@[\s|\S]+?;)/gm),
|
||||||
|
name,
|
||||||
|
value
|
||||||
|
;
|
||||||
|
if(lines) {
|
||||||
|
$.each(lines, function(index, line) {
|
||||||
|
// clear whitespace
|
||||||
|
line = $.trim(line);
|
||||||
|
// match variables only
|
||||||
|
if(line[0] == '@') {
|
||||||
|
name = line.match(/^@(.+?):/);
|
||||||
|
value = line.match(/:\s*([\s|\S]+?;)/);
|
||||||
|
if( ($.isArray(name) && name.length >= 2) && ($.isArray(value) && value.length >= 2) ) {
|
||||||
|
name = name[1];
|
||||||
|
value = value[1];
|
||||||
|
variables[name] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.log(variables);
|
||||||
|
return variables;
|
||||||
|
},
|
||||||
|
|
||||||
|
changeTheme: function(theme) {
|
||||||
|
var
|
||||||
|
$themeDropdown = $(this),
|
||||||
|
$variableCode = $('.variable.code'),
|
||||||
|
$overrideCode = $('.override.code'),
|
||||||
|
$existingVariables = $variableCode.closest('.existing'),
|
||||||
|
$existingOverrides = $overrideCode.closest('.existing'),
|
||||||
|
|
||||||
|
variableURL = '/src/themes/{$theme}/{$type}s/{$element}.variables',
|
||||||
|
overrideURL = '/src/themes/{$theme}/{$type}s/{$element}.overrides',
|
||||||
|
urlData = {
|
||||||
|
theme : typeof(theme === 'string')
|
||||||
|
? theme.toLowerCase()
|
||||||
|
: theme,
|
||||||
|
type : $themeDropdown.data('type'),
|
||||||
|
element : $themeDropdown.data('element')
|
||||||
|
}
|
||||||
|
;
|
||||||
|
if($existingVariables.length > 0) {
|
||||||
|
$variableCode = $('<div class="ui variable code" data-type="less" data-preserve="true" />');
|
||||||
|
$variableCode
|
||||||
|
.insertAfter($existingVariables)
|
||||||
|
;
|
||||||
|
$existingVariables.remove();
|
||||||
|
console.log($variableCode);
|
||||||
|
}
|
||||||
|
|
||||||
|
if($existingOverrides.length > 0) {
|
||||||
|
$overrideCode = $('<div class="ui override code" data-type="less" data-preserve="true" />');
|
||||||
|
$overrideCode
|
||||||
|
.insertAfter($existingOverrides)
|
||||||
|
;
|
||||||
|
$existingOverrides.remove();
|
||||||
|
console.log($overrideCode);
|
||||||
|
}
|
||||||
|
|
||||||
|
$themeDropdown
|
||||||
|
.api({
|
||||||
|
on : 'now',
|
||||||
|
url : variableURL,
|
||||||
|
dataType : 'text',
|
||||||
|
urlData : urlData,
|
||||||
|
onSuccess: function(content) {
|
||||||
|
window.less.modifyVars( handler.less.parseFile(content) );
|
||||||
|
$themeDropdown
|
||||||
|
.api({
|
||||||
|
on : 'now',
|
||||||
|
url : overrideURL,
|
||||||
|
dataType : 'text',
|
||||||
|
urlData : urlData,
|
||||||
|
onSuccess: function(content) {
|
||||||
|
if( $('style.override').length > 0 ) {
|
||||||
|
$('style.override').remove();
|
||||||
|
}
|
||||||
|
$('<style>' + content + '</style>')
|
||||||
|
.addClass('override')
|
||||||
|
.appendTo('body')
|
||||||
|
;
|
||||||
|
$('.sticky').sticky('refresh');
|
||||||
|
|
||||||
|
$overrideCode.html(content);
|
||||||
|
$.proxy(semantic.handler.initializeCode, $overrideCode[0])();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
$variableCode.html(content);
|
||||||
|
$.proxy(semantic.handler.initializeCode, $variableCode[0])();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
showThemeButton: function(value, text) {
|
||||||
|
if(!$themeButton.transition('is visible')) {
|
||||||
|
$themeButton.transition('scale in');
|
||||||
|
}
|
||||||
|
$.proxy(handler.less.changeTheme, this)(value);
|
||||||
|
},
|
||||||
|
createDemos: function() {
|
||||||
|
$('.demo.menu .item, .demo.buttons .button')
|
||||||
|
.on('click', function() {
|
||||||
|
if(!$(this).hasClass('dropdown')) {
|
||||||
|
$(this)
|
||||||
|
.addClass('active')
|
||||||
|
.closest('.ui.menu, .ui.buttons')
|
||||||
|
.find('.item, .button')
|
||||||
|
.not($(this))
|
||||||
|
.removeClass('active')
|
||||||
|
;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
$('.example .message .close')
|
||||||
|
.on('click', function() {
|
||||||
|
$(this).closest('.message').transition('scale out');
|
||||||
|
})
|
||||||
|
;
|
||||||
|
},
|
||||||
|
toggleTheme: function() {
|
||||||
|
$(this).toggleClass('active');
|
||||||
|
$themeGrid.toggleClass('visible');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// intro
|
||||||
|
handler.introduction();
|
||||||
|
|
||||||
|
if($(window).width() > 600) {
|
||||||
|
$('body')
|
||||||
|
.visibility({
|
||||||
|
offset : -10,
|
||||||
|
observeChanges : false,
|
||||||
|
once : false,
|
||||||
|
continuous : false,
|
||||||
|
onTopPassed: function() {
|
||||||
|
requestAnimationFrame(function() {
|
||||||
|
$('.following.bar')
|
||||||
|
.addClass('light fixed')
|
||||||
|
.find('.menu')
|
||||||
|
.removeClass('inverted')
|
||||||
|
;
|
||||||
|
$('.following .additional.item')
|
||||||
|
.transition('scale in', 750)
|
||||||
|
;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onTopPassedReverse: function() {
|
||||||
|
requestAnimationFrame(function() {
|
||||||
|
$('.following.bar')
|
||||||
|
.removeClass('light fixed')
|
||||||
|
.find('.menu')
|
||||||
|
.addClass('inverted')
|
||||||
|
.find('.additional.item')
|
||||||
|
.transition('hide')
|
||||||
|
;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
$('.additional.item')
|
||||||
|
.popup({
|
||||||
|
delay: {
|
||||||
|
show: 200,
|
||||||
|
hide: 50
|
||||||
|
},
|
||||||
|
position: 'bottom center'
|
||||||
|
})
|
||||||
|
;
|
||||||
|
|
||||||
|
$('.email.stripe form')
|
||||||
|
.form({
|
||||||
|
fields: {
|
||||||
|
email: {
|
||||||
|
identifier : 'email',
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
type : 'empty',
|
||||||
|
prompt : 'Please enter an e-mail'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type : 'email',
|
||||||
|
prompt : 'Please enter a valid e-mail address'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$themeDropdown
|
||||||
|
.dropdown('setting', 'transition', 'drop')
|
||||||
|
.dropdown('setting', 'duration', 350)
|
||||||
|
.dropdown('setting', 'action', 'activate')
|
||||||
|
.dropdown('setting', 'onChange', handler.showThemeButton)
|
||||||
|
;
|
||||||
|
|
||||||
|
$themeButton
|
||||||
|
.on('click', handler.toggleTheme)
|
||||||
|
;
|
||||||
|
|
||||||
|
|
||||||
|
// demos
|
||||||
|
$('.demo .checkbox')
|
||||||
|
.checkbox()
|
||||||
|
;
|
||||||
|
$('.demo .accordion')
|
||||||
|
.accordion()
|
||||||
|
;
|
||||||
|
$('.demo .dimmer')
|
||||||
|
.dimmer({
|
||||||
|
on: 'hover'
|
||||||
|
})
|
||||||
|
;
|
||||||
|
$('.demo .ui.dropdown')
|
||||||
|
.dropdown()
|
||||||
|
;
|
||||||
|
|
||||||
|
if(window.Transifex !== undefined) {
|
||||||
|
window.Transifex.live.onTranslatePage(function(countryCode){
|
||||||
|
var fullName = $('.language.dropdown .item[data-value=' + countryCode + ']').eq(0).text();
|
||||||
|
$('.language.dropdown > .text').html(fullName);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.ui.sidebar')
|
||||||
|
.sidebar('setting', {
|
||||||
|
transition: 'overlay'
|
||||||
|
})
|
||||||
|
;
|
||||||
|
|
||||||
|
handler.createDemos();
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
// attach ready event
|
||||||
|
$(document)
|
||||||
|
.ready(semantic.home.ready)
|
||||||
|
;
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,320 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - Image
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Image
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.image {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
max-width: 100%;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
img.ui.image {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.ui.image svg,
|
||||||
|
.ui.image img {
|
||||||
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.hidden.images,
|
||||||
|
.ui.hidden.image {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui.hidden.transition.images,
|
||||||
|
.ui.hidden.transition.image {
|
||||||
|
display: block;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.ui.images > .hidden.transition {
|
||||||
|
display: inline-block;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.ui.disabled.images,
|
||||||
|
.ui.disabled.image {
|
||||||
|
cursor: default;
|
||||||
|
opacity: 0.45;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inline
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.inline.image,
|
||||||
|
.ui.inline.image svg,
|
||||||
|
.ui.inline.image img {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*------------------
|
||||||
|
Vertical Aligned
|
||||||
|
-------------------*/
|
||||||
|
|
||||||
|
.ui.top.aligned.images .image,
|
||||||
|
.ui.top.aligned.image,
|
||||||
|
.ui.top.aligned.image svg,
|
||||||
|
.ui.top.aligned.image img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.middle.aligned.images .image,
|
||||||
|
.ui.middle.aligned.image,
|
||||||
|
.ui.middle.aligned.image svg,
|
||||||
|
.ui.middle.aligned.image img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.ui.bottom.aligned.images .image,
|
||||||
|
.ui.bottom.aligned.image,
|
||||||
|
.ui.bottom.aligned.image svg,
|
||||||
|
.ui.bottom.aligned.image img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Rounded
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.rounded.images .image,
|
||||||
|
.ui.rounded.image,
|
||||||
|
.ui.rounded.images .image > *,
|
||||||
|
.ui.rounded.image > * {
|
||||||
|
border-radius: 0.3125em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Bordered
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.bordered.images .image,
|
||||||
|
.ui.bordered.images img,
|
||||||
|
.ui.bordered.images svg,
|
||||||
|
.ui.bordered.image img,
|
||||||
|
.ui.bordered.image svg,
|
||||||
|
img.ui.bordered.image {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Circular
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.circular.images,
|
||||||
|
.ui.circular.image {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui.circular.images .image,
|
||||||
|
.ui.circular.image,
|
||||||
|
.ui.circular.images .image > *,
|
||||||
|
.ui.circular.image > * {
|
||||||
|
border-radius: 500rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Fluid
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.fluid.images,
|
||||||
|
.ui.fluid.image,
|
||||||
|
.ui.fluid.images img,
|
||||||
|
.ui.fluid.images svg,
|
||||||
|
.ui.fluid.image svg,
|
||||||
|
.ui.fluid.image img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Avatar
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.avatar.images .image,
|
||||||
|
.ui.avatar.images img,
|
||||||
|
.ui.avatar.images svg,
|
||||||
|
.ui.avatar.image img,
|
||||||
|
.ui.avatar.image svg,
|
||||||
|
.ui.avatar.image {
|
||||||
|
margin-right: 0.25em;
|
||||||
|
display: inline-block;
|
||||||
|
width: 2em;
|
||||||
|
height: 2em;
|
||||||
|
border-radius: 500rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Spaced
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.spaced.image {
|
||||||
|
display: inline-block !important;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui[class*="left spaced"].image {
|
||||||
|
margin-left: 0.5em;
|
||||||
|
margin-right: 0em;
|
||||||
|
}
|
||||||
|
.ui[class*="right spaced"].image {
|
||||||
|
margin-left: 0em;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Floated
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.floated.image,
|
||||||
|
.ui.floated.images {
|
||||||
|
float: left;
|
||||||
|
margin-right: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
.ui.right.floated.images,
|
||||||
|
.ui.right.floated.image {
|
||||||
|
float: right;
|
||||||
|
margin-right: 0em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
.ui.floated.images:last-child,
|
||||||
|
.ui.floated.image:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
.ui.centered.images,
|
||||||
|
.ui.centered.image {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sizes
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.mini.images .image,
|
||||||
|
.ui.mini.images img,
|
||||||
|
.ui.mini.images svg,
|
||||||
|
.ui.mini.image {
|
||||||
|
width: 35px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.images .image,
|
||||||
|
.ui.tiny.images img,
|
||||||
|
.ui.tiny.images svg,
|
||||||
|
.ui.tiny.image {
|
||||||
|
width: 80px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.images .image,
|
||||||
|
.ui.small.images img,
|
||||||
|
.ui.small.images svg,
|
||||||
|
.ui.small.image {
|
||||||
|
width: 150px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.medium.images .image,
|
||||||
|
.ui.medium.images img,
|
||||||
|
.ui.medium.images svg,
|
||||||
|
.ui.medium.image {
|
||||||
|
width: 300px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.large.images .image,
|
||||||
|
.ui.large.images img,
|
||||||
|
.ui.large.images svg,
|
||||||
|
.ui.large.image {
|
||||||
|
width: 450px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.images .image,
|
||||||
|
.ui.big.images img,
|
||||||
|
.ui.big.images svg,
|
||||||
|
.ui.big.image {
|
||||||
|
width: 600px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.images .image,
|
||||||
|
.ui.huge.images img,
|
||||||
|
.ui.huge.images svg,
|
||||||
|
.ui.huge.image {
|
||||||
|
width: 800px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.images .image,
|
||||||
|
.ui.massive.images img,
|
||||||
|
.ui.massive.images svg,
|
||||||
|
.ui.massive.image {
|
||||||
|
width: 960px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Groups
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.images {
|
||||||
|
font-size: 0em;
|
||||||
|
margin: 0em -0.25rem 0rem;
|
||||||
|
}
|
||||||
|
.ui.images .image,
|
||||||
|
.ui.images > img,
|
||||||
|
.ui.images > svg {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0em 0.25rem 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,963 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - List
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
List
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
ul.ui.list,
|
||||||
|
ol.ui.list,
|
||||||
|
.ui.list {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 1em 0em;
|
||||||
|
padding: 0em 0em;
|
||||||
|
}
|
||||||
|
ul.ui.list:first-child,
|
||||||
|
ol.ui.list:first-child,
|
||||||
|
.ui.list:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
padding-top: 0em;
|
||||||
|
}
|
||||||
|
ul.ui.list:last-child,
|
||||||
|
ol.ui.list:last-child,
|
||||||
|
.ui.list:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
padding-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Content
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* List Item */
|
||||||
|
ul.ui.list li,
|
||||||
|
ol.ui.list li,
|
||||||
|
.ui.list > .item,
|
||||||
|
.ui.list .list > .item {
|
||||||
|
display: list-item;
|
||||||
|
table-layout: fixed;
|
||||||
|
list-style-type: none;
|
||||||
|
list-style-position: outside;
|
||||||
|
padding: 0.21428571em 0em;
|
||||||
|
line-height: 1.14285714em;
|
||||||
|
}
|
||||||
|
ul.ui.list > li:first-child:after,
|
||||||
|
ol.ui.list > li:first-child:after,
|
||||||
|
.ui.list > .list > .item,
|
||||||
|
.ui.list > .item:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
ul.ui.list li:first-child,
|
||||||
|
ol.ui.list li:first-child,
|
||||||
|
.ui.list .list > .item:first-child,
|
||||||
|
.ui.list > .item:first-child {
|
||||||
|
padding-top: 0em;
|
||||||
|
}
|
||||||
|
ul.ui.list li:last-child,
|
||||||
|
ol.ui.list li:last-child,
|
||||||
|
.ui.list .list > .item:last-child,
|
||||||
|
.ui.list > .item:last-child {
|
||||||
|
padding-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child List */
|
||||||
|
ul.ui.list ul,
|
||||||
|
ol.ui.list ol,
|
||||||
|
.ui.list .list {
|
||||||
|
clear: both;
|
||||||
|
margin: 0em;
|
||||||
|
padding: 0.75em 0em 0.25em 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child Item */
|
||||||
|
ul.ui.list ul li,
|
||||||
|
ol.ui.list ol li,
|
||||||
|
.ui.list .list > .item {
|
||||||
|
padding: 0.14285714em 0em;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icon */
|
||||||
|
.ui.list .list > .item > i.icon,
|
||||||
|
.ui.list > .item > i.icon {
|
||||||
|
display: table-cell;
|
||||||
|
margin: 0em;
|
||||||
|
padding-top: 0em;
|
||||||
|
padding-right: 0.28571429em;
|
||||||
|
vertical-align: top;
|
||||||
|
-webkit-transition: color 0.1s ease;
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > i.icon:only-child,
|
||||||
|
.ui.list > .item > i.icon:only-child {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Image */
|
||||||
|
.ui.list .list > .item > .image,
|
||||||
|
.ui.list > .item > .image {
|
||||||
|
display: table-cell;
|
||||||
|
background-color: transparent;
|
||||||
|
margin: 0em;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > .image:not(:only-child):not(img),
|
||||||
|
.ui.list > .item > .image:not(:only-child):not(img) {
|
||||||
|
padding-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > .image img,
|
||||||
|
.ui.list > .item > .image img {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > img.image,
|
||||||
|
.ui.list .list > .item > .image:only-child,
|
||||||
|
.ui.list > .item > img.image,
|
||||||
|
.ui.list > .item > .image:only-child {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Content */
|
||||||
|
.ui.list .list > .item > .content,
|
||||||
|
.ui.list > .item > .content {
|
||||||
|
line-height: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > .image + .content,
|
||||||
|
.ui.list .list > .item > .icon + .content,
|
||||||
|
.ui.list > .item > .image + .content,
|
||||||
|
.ui.list > .item > .icon + .content {
|
||||||
|
display: table-cell;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0em 0em 0em 0.5em;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > img.image + .content,
|
||||||
|
.ui.list > .item > img.image + .content {
|
||||||
|
display: inline-block;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > .content > .list,
|
||||||
|
.ui.list > .item > .content > .list {
|
||||||
|
margin-left: 0em;
|
||||||
|
padding-left: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.ui.list .list > .item .header,
|
||||||
|
.ui.list > .item .header {
|
||||||
|
display: block;
|
||||||
|
margin: 0em;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Description */
|
||||||
|
.ui.list .list > .item .description,
|
||||||
|
.ui.list > .item .description {
|
||||||
|
display: block;
|
||||||
|
color: rgba(0, 0, 0, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child Link */
|
||||||
|
.ui.list > .item a,
|
||||||
|
.ui.list .list > .item a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Linking Item */
|
||||||
|
.ui.list .list > a.item,
|
||||||
|
.ui.list > a.item {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #4183C4;
|
||||||
|
}
|
||||||
|
.ui.list .list > a.item:hover,
|
||||||
|
.ui.list > a.item:hover {
|
||||||
|
color: #1e70bf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Linked Item Icons */
|
||||||
|
.ui.list .list > a.item i.icon,
|
||||||
|
.ui.list > a.item i.icon {
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header Link */
|
||||||
|
.ui.list .list > .item a.header,
|
||||||
|
.ui.list > .item a.header {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #4183C4 !important;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item a.header:hover,
|
||||||
|
.ui.list > .item a.header:hover {
|
||||||
|
color: #1e70bf !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Floated Content */
|
||||||
|
.ui[class*="left floated"].list {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.ui[class*="right floated"].list {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item [class*="left floated"],
|
||||||
|
.ui.list > .item [class*="left floated"] {
|
||||||
|
float: left;
|
||||||
|
margin: 0em 1em 0em 0em;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item [class*="right floated"],
|
||||||
|
.ui.list > .item [class*="right floated"] {
|
||||||
|
float: right;
|
||||||
|
margin: 0em 0em 0em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Coupling
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.menu .ui.list > .item,
|
||||||
|
.ui.menu .ui.list .list > .item {
|
||||||
|
display: list-item;
|
||||||
|
table-layout: fixed;
|
||||||
|
background-color: transparent;
|
||||||
|
list-style-type: none;
|
||||||
|
list-style-position: outside;
|
||||||
|
padding: 0.21428571em 0em;
|
||||||
|
line-height: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.menu .ui.list .list > .item:before,
|
||||||
|
.ui.menu .ui.list > .item:before {
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.ui.menu .ui.list .list > .item:first-child,
|
||||||
|
.ui.menu .ui.list > .item:first-child {
|
||||||
|
padding-top: 0em;
|
||||||
|
}
|
||||||
|
.ui.menu .ui.list .list > .item:last-child,
|
||||||
|
.ui.menu .ui.list > .item:last-child {
|
||||||
|
padding-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Horizontal
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.horizontal.list {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0em;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list > .item {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 1em;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list:not(.celled) > .item:first-child {
|
||||||
|
margin-left: 0em !important;
|
||||||
|
padding-left: 0em !important;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list .list {
|
||||||
|
padding-left: 0em;
|
||||||
|
padding-bottom: 0em;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list > .item > .image,
|
||||||
|
.ui.horizontal.list .list > .item > .image,
|
||||||
|
.ui.horizontal.list > .item > .icon,
|
||||||
|
.ui.horizontal.list .list > .item > .icon,
|
||||||
|
.ui.horizontal.list > .item > .content,
|
||||||
|
.ui.horizontal.list .list > .item > .content {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Padding on all elements */
|
||||||
|
.ui.horizontal.list > .item:first-child,
|
||||||
|
.ui.horizontal.list > .item:last-child {
|
||||||
|
padding-top: 0.21428571em;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal List */
|
||||||
|
.ui.horizontal.list > .item > i.icon {
|
||||||
|
margin: 0em;
|
||||||
|
padding: 0em 0.25em 0em 0em;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list > .item > .icon,
|
||||||
|
.ui.horizontal.list > .item > .icon + .content {
|
||||||
|
float: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Disabled
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.list .list > .disabled.item,
|
||||||
|
.ui.list > .disabled.item {
|
||||||
|
pointer-events: none;
|
||||||
|
color: rgba(40, 40, 40, 0.3) !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > .disabled.item,
|
||||||
|
.ui.inverted.list > .disabled.item {
|
||||||
|
color: rgba(225, 225, 225, 0.3) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Hover
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.list .list > a.item:hover .icon,
|
||||||
|
.ui.list > a.item:hover .icon {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Inverted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.inverted.list .list > a.item > .icon,
|
||||||
|
.ui.inverted.list > a.item > .icon {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > .item .header,
|
||||||
|
.ui.inverted.list > .item .header {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > .item .description,
|
||||||
|
.ui.inverted.list > .item .description {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Item Link */
|
||||||
|
.ui.inverted.list .list > a.item,
|
||||||
|
.ui.inverted.list > a.item {
|
||||||
|
cursor: pointer;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > a.item:hover,
|
||||||
|
.ui.inverted.list > a.item:hover {
|
||||||
|
color: #1e70bf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Linking Content */
|
||||||
|
.ui.inverted.list .item a:not(.ui) {
|
||||||
|
color: rgba(255, 255, 255, 0.9) !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.list .item a:not(.ui):hover {
|
||||||
|
color: #1e70bf !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Aligned
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.list[class*="top aligned"] .image,
|
||||||
|
.ui.list[class*="top aligned"] .content,
|
||||||
|
.ui.list [class*="top aligned"] {
|
||||||
|
vertical-align: top !important;
|
||||||
|
}
|
||||||
|
.ui.list[class*="middle aligned"] .image,
|
||||||
|
.ui.list[class*="middle aligned"] .content,
|
||||||
|
.ui.list [class*="middle aligned"] {
|
||||||
|
vertical-align: middle !important;
|
||||||
|
}
|
||||||
|
.ui.list[class*="bottom aligned"] .image,
|
||||||
|
.ui.list[class*="bottom aligned"] .content,
|
||||||
|
.ui.list [class*="bottom aligned"] {
|
||||||
|
vertical-align: bottom !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Link
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.link.list .item,
|
||||||
|
.ui.link.list a.item,
|
||||||
|
.ui.link.list .item a:not(.ui) {
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
-webkit-transition: 0.1s color ease;
|
||||||
|
transition: 0.1s color ease;
|
||||||
|
}
|
||||||
|
.ui.link.list.list a.item:hover,
|
||||||
|
.ui.link.list.list .item a:not(.ui):hover {
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
.ui.link.list.list a.item:active,
|
||||||
|
.ui.link.list.list .item a:not(.ui):active {
|
||||||
|
color: rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
|
.ui.link.list.list .active.item,
|
||||||
|
.ui.link.list.list .active.item a:not(.ui) {
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.link.list .item,
|
||||||
|
.ui.inverted.link.list a.item,
|
||||||
|
.ui.inverted.link.list .item a:not(.ui) {
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.ui.inverted.link.list.list a.item:hover,
|
||||||
|
.ui.inverted.link.list.list .item a:not(.ui):hover {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.link.list.list a.item:active,
|
||||||
|
.ui.inverted.link.list.list .item a:not(.ui):active {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.link.list.list a.active.item,
|
||||||
|
.ui.inverted.link.list.list .active.item a:not(.ui) {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Selection
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.selection.list .list > .item,
|
||||||
|
.ui.selection.list > .item {
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
padding: 0.5em 0.5em;
|
||||||
|
margin: 0em;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
border-radius: 0.5em;
|
||||||
|
-webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
|
||||||
|
transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
|
||||||
|
}
|
||||||
|
.ui.selection.list .list > .item:last-child,
|
||||||
|
.ui.selection.list > .item:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
.ui.selection.list.list > .item:hover,
|
||||||
|
.ui.selection.list > .item:hover {
|
||||||
|
background: rgba(0, 0, 0, 0.03);
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
.ui.selection.list .list > .item:active,
|
||||||
|
.ui.selection.list > .item:active {
|
||||||
|
background: rgba(0, 0, 0, 0.05);
|
||||||
|
color: rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
|
.ui.selection.list .list > .item.active,
|
||||||
|
.ui.selection.list > .item.active {
|
||||||
|
background: rgba(0, 0, 0, 0.05);
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.selection.list > .item,
|
||||||
|
.ui.inverted.selection.list > .item {
|
||||||
|
background: transparent;
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.ui.inverted.selection.list > .item:hover,
|
||||||
|
.ui.inverted.selection.list > .item:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.selection.list > .item:active,
|
||||||
|
.ui.inverted.selection.list > .item:active {
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.selection.list > .item.active,
|
||||||
|
.ui.inverted.selection.list > .item.active {
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Celled / Divided Selection List */
|
||||||
|
.ui.celled.selection.list .list > .item,
|
||||||
|
.ui.divided.selection.list .list > .item,
|
||||||
|
.ui.celled.selection.list > .item,
|
||||||
|
.ui.divided.selection.list > .item {
|
||||||
|
border-radius: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Animated
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.animated.list > .item {
|
||||||
|
-webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
|
||||||
|
transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
|
||||||
|
}
|
||||||
|
.ui.animated.list:not(.horizontal) > .item:hover {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Fitted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.fitted.list:not(.selection) .list > .item,
|
||||||
|
.ui.fitted.list:not(.selection) > .item {
|
||||||
|
padding-left: 0em;
|
||||||
|
padding-right: 0em;
|
||||||
|
}
|
||||||
|
.ui.fitted.selection.list .list > .item,
|
||||||
|
.ui.fitted.selection.list > .item {
|
||||||
|
margin-left: -0.5em;
|
||||||
|
margin-right: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Bulleted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
ul.ui.list,
|
||||||
|
.ui.bulleted.list {
|
||||||
|
margin-left: 1.25rem;
|
||||||
|
}
|
||||||
|
ul.ui.list li,
|
||||||
|
.ui.bulleted.list .list > .item,
|
||||||
|
.ui.bulleted.list > .item {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
ul.ui.list li:before,
|
||||||
|
.ui.bulleted.list .list > .item:before,
|
||||||
|
.ui.bulleted.list > .item:before {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
pointer-events: none;
|
||||||
|
position: absolute;
|
||||||
|
top: auto;
|
||||||
|
left: auto;
|
||||||
|
font-weight: normal;
|
||||||
|
margin-left: -1.25rem;
|
||||||
|
content: '•';
|
||||||
|
opacity: 1;
|
||||||
|
color: inherit;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
ul.ui.list li:before,
|
||||||
|
.ui.bulleted.list .list > a.item:before,
|
||||||
|
.ui.bulleted.list > a.item:before {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
ul.ui.list ul,
|
||||||
|
.ui.bulleted.list .list {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal Bulleted */
|
||||||
|
ul.ui.horizontal.bulleted.list,
|
||||||
|
.ui.horizontal.bulleted.list {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
ul.ui.horizontal.bulleted.list li,
|
||||||
|
.ui.horizontal.bulleted.list > .item {
|
||||||
|
margin-left: 1.75rem;
|
||||||
|
}
|
||||||
|
ul.ui.horizontal.bulleted.list li:first-child,
|
||||||
|
.ui.horizontal.bulleted.list > .item:first-child {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
ul.ui.horizontal.bulleted.list li::before,
|
||||||
|
.ui.horizontal.bulleted.list > .item::before {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
ul.ui.horizontal.bulleted.list li:first-child::before,
|
||||||
|
.ui.horizontal.bulleted.list > .item:first-child::before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Ordered
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
ol.ui.list,
|
||||||
|
.ui.ordered.list,
|
||||||
|
.ui.ordered.list .list,
|
||||||
|
ol.ui.list ol {
|
||||||
|
counter-reset: ordered;
|
||||||
|
margin-left: 1.25rem;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
ol.ui.list li,
|
||||||
|
.ui.ordered.list .list > .item,
|
||||||
|
.ui.ordered.list > .item {
|
||||||
|
list-style-type: none;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
ol.ui.list li:before,
|
||||||
|
.ui.ordered.list .list > .item:before,
|
||||||
|
.ui.ordered.list > .item:before {
|
||||||
|
position: absolute;
|
||||||
|
top: auto;
|
||||||
|
left: auto;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
pointer-events: none;
|
||||||
|
margin-left: -1.25rem;
|
||||||
|
counter-increment: ordered;
|
||||||
|
content: counters(ordered, ".") " ";
|
||||||
|
text-align: right;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
vertical-align: middle;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
ol.ui.inverted.list li:before,
|
||||||
|
.ui.ordered.inverted.list .list > .item:before,
|
||||||
|
.ui.ordered.inverted.list > .item:before {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Value */
|
||||||
|
.ui.ordered.list > .list > .item[data-value],
|
||||||
|
.ui.ordered.list > .item[data-value] {
|
||||||
|
content: attr(data-value);
|
||||||
|
}
|
||||||
|
ol.ui.list li[value]:before {
|
||||||
|
content: attr(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child Lists */
|
||||||
|
ol.ui.list ol,
|
||||||
|
.ui.ordered.list .list {
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
ol.ui.list ol li:before,
|
||||||
|
.ui.ordered.list .list > .item:before {
|
||||||
|
margin-left: -2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal Ordered */
|
||||||
|
ol.ui.horizontal.list,
|
||||||
|
.ui.ordered.horizontal.list {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
ol.ui.horizontal.list li:before,
|
||||||
|
.ui.ordered.horizontal.list .list > .item:before,
|
||||||
|
.ui.ordered.horizontal.list > .item:before {
|
||||||
|
position: static;
|
||||||
|
margin: 0em 0.5em 0em 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Divided
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.divided.list > .item {
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.divided.list .list > .item {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.divided.list .item .list > .item {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.divided.list .list > .item:first-child,
|
||||||
|
.ui.divided.list > .item:first-child {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sub Menu */
|
||||||
|
.ui.divided.list:not(.horizontal) .list > .item:first-child {
|
||||||
|
border-top-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Divided bulleted */
|
||||||
|
.ui.divided.bulleted.list:not(.horizontal),
|
||||||
|
.ui.divided.bulleted.list .list {
|
||||||
|
margin-left: 0em;
|
||||||
|
padding-left: 0em;
|
||||||
|
}
|
||||||
|
.ui.divided.bulleted.list > .item:not(.horizontal) {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Divided Ordered */
|
||||||
|
.ui.divided.ordered.list {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
.ui.divided.ordered.list .list > .item,
|
||||||
|
.ui.divided.ordered.list > .item {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
.ui.divided.ordered.list .item .list {
|
||||||
|
margin-left: 0em;
|
||||||
|
margin-right: 0em;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
.ui.divided.ordered.list .item .list > .item {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Divided Selection */
|
||||||
|
.ui.divided.selection.list .list > .item,
|
||||||
|
.ui.divided.selection.list > .item {
|
||||||
|
margin: 0em;
|
||||||
|
border-radius: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Divided horizontal */
|
||||||
|
.ui.divided.horizontal.list {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
.ui.divided.horizontal.list > .item:not(:first-child) {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.divided.horizontal.list > .item:not(:last-child) {
|
||||||
|
padding-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.divided.horizontal.list > .item {
|
||||||
|
border-top: none;
|
||||||
|
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
margin: 0em;
|
||||||
|
line-height: 0.6;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divided.list > .item:first-child {
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.divided.inverted.list > .item,
|
||||||
|
.ui.divided.inverted.list > .list,
|
||||||
|
.ui.divided.inverted.horizontal.list > .item {
|
||||||
|
border-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Celled
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.celled.list > .item,
|
||||||
|
.ui.celled.list > .list {
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
padding-left: 0.5em;
|
||||||
|
padding-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.celled.list > .item:last-child {
|
||||||
|
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Padding on all elements */
|
||||||
|
.ui.celled.list > .item:first-child,
|
||||||
|
.ui.celled.list > .item:last-child {
|
||||||
|
padding-top: 0.21428571em;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sub Menu */
|
||||||
|
.ui.celled.list .item .list > .item {
|
||||||
|
border-width: 0px;
|
||||||
|
}
|
||||||
|
.ui.celled.list .list > .item:first-child {
|
||||||
|
border-top-width: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Celled Bulleted */
|
||||||
|
.ui.celled.bulleted.list {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
.ui.celled.bulleted.list .list > .item,
|
||||||
|
.ui.celled.bulleted.list > .item {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
.ui.celled.bulleted.list .item .list {
|
||||||
|
margin-left: -1.25rem;
|
||||||
|
margin-right: -1.25rem;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Celled Ordered */
|
||||||
|
.ui.celled.ordered.list {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
.ui.celled.ordered.list .list > .item,
|
||||||
|
.ui.celled.ordered.list > .item {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
.ui.celled.ordered.list .item .list {
|
||||||
|
margin-left: 0em;
|
||||||
|
margin-right: 0em;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
.ui.celled.ordered.list .list > .item {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Celled Horizontal */
|
||||||
|
.ui.horizontal.celled.list {
|
||||||
|
margin-left: 0em;
|
||||||
|
}
|
||||||
|
.ui.horizontal.celled.list .list > .item,
|
||||||
|
.ui.horizontal.celled.list > .item {
|
||||||
|
border-top: none;
|
||||||
|
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
margin: 0em;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
padding-right: 0.5em;
|
||||||
|
line-height: 0.6;
|
||||||
|
}
|
||||||
|
.ui.horizontal.celled.list .list > .item:last-child,
|
||||||
|
.ui.horizontal.celled.list > .item:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
border-right: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.celled.inverted.list > .item,
|
||||||
|
.ui.celled.inverted.list > .list {
|
||||||
|
border-color: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
.ui.celled.inverted.horizontal.list .list > .item,
|
||||||
|
.ui.celled.inverted.horizontal.list > .item {
|
||||||
|
border-color: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Relaxed
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
|
||||||
|
padding-top: 0.42857143em;
|
||||||
|
}
|
||||||
|
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
|
||||||
|
padding-bottom: 0.42857143em;
|
||||||
|
}
|
||||||
|
.ui.horizontal.relaxed.list .list > .item:not(:first-child),
|
||||||
|
.ui.horizontal.relaxed.list > .item:not(:first-child) {
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
||||||
|
.ui.horizontal.relaxed.list .list > .item:not(:last-child),
|
||||||
|
.ui.horizontal.relaxed.list > .item:not(:last-child) {
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Very Relaxed */
|
||||||
|
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
|
||||||
|
padding-top: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
|
||||||
|
padding-bottom: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
|
||||||
|
.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
}
|
||||||
|
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
|
||||||
|
.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
|
||||||
|
padding-right: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Sizes
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.mini.list {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.tiny.list {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.small.list {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.list {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.large.list {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.big.list {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.huge.list {
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
.ui.massive.list {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
.ui.mini.horizontal.list .list > .item,
|
||||||
|
.ui.mini.horizontal.list > .item {
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.horizontal.list .list > .item,
|
||||||
|
.ui.tiny.horizontal.list > .item {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.horizontal.list .list > .item,
|
||||||
|
.ui.small.horizontal.list > .item {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list .list > .item,
|
||||||
|
.ui.horizontal.list > .item {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.large.horizontal.list .list > .item,
|
||||||
|
.ui.large.horizontal.list > .item {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.horizontal.list .list > .item,
|
||||||
|
.ui.big.horizontal.list > .item {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.horizontal.list .list > .item,
|
||||||
|
.ui.huge.horizontal.list > .item {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.horizontal.list .list > .item,
|
||||||
|
.ui.massive.horizontal.list > .item {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
User Variable Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1 @@
|
|||||||
|
{}
|
||||||
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 237 KiB |
|
After Width: | Height: | Size: 129 KiB |
@ -0,0 +1,495 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - Reset
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Reset
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Border-Box */
|
||||||
|
*,
|
||||||
|
*:before,
|
||||||
|
*:after {
|
||||||
|
-webkit-box-sizing: inherit;
|
||||||
|
box-sizing: inherit;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* iPad Input Shadows */
|
||||||
|
input[type="text"],
|
||||||
|
input[type="email"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="password"] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
|
||||||
|
/* mobile firefox too! */
|
||||||
|
}
|
||||||
|
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in
|
||||||
|
* IE on Windows Phone and in iOS.
|
||||||
|
*/
|
||||||
|
html {
|
||||||
|
line-height: 1.15;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
/**
|
||||||
|
* Remove the margin in all browsers (opinionated).
|
||||||
|
*/
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
nav,
|
||||||
|
section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
* 1. Add the correct display in IE.
|
||||||
|
*/
|
||||||
|
figcaption,
|
||||||
|
figure,
|
||||||
|
main {
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Add the correct margin in IE 8.
|
||||||
|
*/
|
||||||
|
figure {
|
||||||
|
margin: 1em 40px;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
hr {
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
height: 0;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
font-size: 1em;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
/**
|
||||||
|
* 1. Remove the gray background on active links in IE 10.
|
||||||
|
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||||
|
*/
|
||||||
|
a {
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
-webkit-text-decoration-skip: objects;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
text-decoration: underline;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
-webkit-text-decoration: underline dotted;
|
||||||
|
text-decoration: underline dotted;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||||
|
*/
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
font-size: 1em;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Add the correct font style in Android 4.3-.
|
||||||
|
*/
|
||||||
|
dfn {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Add the correct background and color in IE 9-.
|
||||||
|
*/
|
||||||
|
mark {
|
||||||
|
background-color: #ff0;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Add the correct display in iOS 4-7.
|
||||||
|
*/
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10-.
|
||||||
|
*/
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Hide the overflow in IE.
|
||||||
|
*/
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
/**
|
||||||
|
* 1. Change the font styles in all browsers (opinionated).
|
||||||
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: sans-serif;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
font-size: 100%;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
line-height: 1.15;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
button,
|
||||||
|
input {
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||||
|
* controls in Android 4.
|
||||||
|
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
button,
|
||||||
|
html [type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Correct the padding in Firefox.
|
||||||
|
*/
|
||||||
|
fieldset {
|
||||||
|
padding: 0.35em 0.75em 0.625em;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
legend {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
color: inherit;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
display: table;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
/* 3 */
|
||||||
|
white-space: normal;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Add the correct display in IE 9-.
|
||||||
|
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
progress {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
vertical-align: baseline;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE.
|
||||||
|
*/
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10-.
|
||||||
|
* 2. Remove the padding in IE 10-.
|
||||||
|
*/
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
outline-offset: -2px;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
[type="search"]::-webkit-search-cancel-button,
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
|
||||||
|
/* 1 */
|
||||||
|
font: inherit;
|
||||||
|
|
||||||
|
/* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
/*
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||||
|
*/
|
||||||
|
details,
|
||||||
|
menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scripting
|
||||||
|
========================================================================== */
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
canvas {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE.
|
||||||
|
*/
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hidden
|
||||||
|
========================================================================== */
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10-.
|
||||||
|
*/
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
@ -0,0 +1,889 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - Segment
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Segment
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.segment {
|
||||||
|
position: relative;
|
||||||
|
background: #FFFFFF;
|
||||||
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
margin: 1rem 0em;
|
||||||
|
padding: 1em 1em;
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.segment:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
.ui.segment:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Vertical */
|
||||||
|
.ui.vertical.segment {
|
||||||
|
margin: 0em;
|
||||||
|
padding-left: 0em;
|
||||||
|
padding-right: 0em;
|
||||||
|
background: none transparent;
|
||||||
|
border-radius: 0px;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: none;
|
||||||
|
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.vertical.segment:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Loose Coupling
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.ui.inverted.segment > .ui.header {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Label */
|
||||||
|
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
|
||||||
|
border-top-left-radius: 0em;
|
||||||
|
border-top-right-radius: 0em;
|
||||||
|
}
|
||||||
|
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
|
||||||
|
border-bottom-left-radius: 0em;
|
||||||
|
border-bottom-right-radius: 0em;
|
||||||
|
}
|
||||||
|
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
|
||||||
|
border-top-left-radius: 0em;
|
||||||
|
border-top-right-radius: 0em;
|
||||||
|
}
|
||||||
|
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
|
||||||
|
border-bottom-left-radius: 0em;
|
||||||
|
border-bottom-right-radius: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grid */
|
||||||
|
.ui.page.grid.segment,
|
||||||
|
.ui.grid > .row > .ui.segment.column,
|
||||||
|
.ui.grid > .ui.segment.column {
|
||||||
|
padding-top: 2em;
|
||||||
|
padding-bottom: 2em;
|
||||||
|
}
|
||||||
|
.ui.grid.segment {
|
||||||
|
margin: 1rem 0em;
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Table */
|
||||||
|
.ui.basic.table.segment {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui[class*="very basic"].table.segment {
|
||||||
|
padding: 1em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Placeholder
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.placeholder.segment {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-ms-flex-pack: center;
|
||||||
|
justify-content: center;
|
||||||
|
-webkit-box-align: stretch;
|
||||||
|
-ms-flex-align: stretch;
|
||||||
|
align-items: stretch;
|
||||||
|
max-width: initial;
|
||||||
|
-webkit-animation: none;
|
||||||
|
animation: none;
|
||||||
|
overflow: visible;
|
||||||
|
padding: 1em 1em;
|
||||||
|
min-height: 18rem;
|
||||||
|
background: #F9FAFB;
|
||||||
|
border-color: rgba(34, 36, 38, 0.15);
|
||||||
|
-webkit-box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
|
||||||
|
box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
|
||||||
|
}
|
||||||
|
.ui.placeholder.segment .button,
|
||||||
|
.ui.placeholder.segment textarea {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.ui.placeholder.segment .field,
|
||||||
|
.ui.placeholder.segment textarea,
|
||||||
|
.ui.placeholder.segment > .ui.input,
|
||||||
|
.ui.placeholder.segment .button {
|
||||||
|
max-width: 15rem;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.placeholder.segment .column .button,
|
||||||
|
.ui.placeholder.segment .column .field,
|
||||||
|
.ui.placeholder.segment .column textarea,
|
||||||
|
.ui.placeholder.segment .column > .ui.input {
|
||||||
|
max-width: 15rem;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.placeholder.segment > .inline {
|
||||||
|
-ms-flex-item-align: center;
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
.ui.placeholder.segment > .inline > .button {
|
||||||
|
display: inline-block;
|
||||||
|
width: auto;
|
||||||
|
margin: 0px 0.35714286rem 0px 0px;
|
||||||
|
}
|
||||||
|
.ui.placeholder.segment > .inline > .button:last-child {
|
||||||
|
margin-right: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Piled
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.piled.segments,
|
||||||
|
.ui.piled.segment {
|
||||||
|
margin: 3em 0em;
|
||||||
|
-webkit-box-shadow: '';
|
||||||
|
box-shadow: '';
|
||||||
|
z-index: auto;
|
||||||
|
}
|
||||||
|
.ui.piled.segment:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
.ui.piled.segment:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
.ui.piled.segments:after,
|
||||||
|
.ui.piled.segments:before,
|
||||||
|
.ui.piled.segment:after,
|
||||||
|
.ui.piled.segment:before {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
visibility: visible;
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
left: 0px;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
-webkit-box-shadow: '';
|
||||||
|
box-shadow: '';
|
||||||
|
}
|
||||||
|
.ui.piled.segments:before,
|
||||||
|
.ui.piled.segment:before {
|
||||||
|
-webkit-transform: rotate(-1.2deg);
|
||||||
|
transform: rotate(-1.2deg);
|
||||||
|
top: 0;
|
||||||
|
z-index: -2;
|
||||||
|
}
|
||||||
|
.ui.piled.segments:after,
|
||||||
|
.ui.piled.segment:after {
|
||||||
|
-webkit-transform: rotate(1.2deg);
|
||||||
|
transform: rotate(1.2deg);
|
||||||
|
top: 0;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Piled Attached */
|
||||||
|
.ui[class*="top attached"].piled.segment {
|
||||||
|
margin-top: 3em;
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
.ui.piled.segment[class*="top attached"]:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
.ui.piled.segment[class*="bottom attached"] {
|
||||||
|
margin-top: 0em;
|
||||||
|
margin-bottom: 3em;
|
||||||
|
}
|
||||||
|
.ui.piled.segment[class*="bottom attached"]:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Stacked
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.stacked.segment {
|
||||||
|
padding-bottom: 1.4em;
|
||||||
|
}
|
||||||
|
.ui.stacked.segments:before,
|
||||||
|
.ui.stacked.segments:after,
|
||||||
|
.ui.stacked.segment:before,
|
||||||
|
.ui.stacked.segment:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -3px;
|
||||||
|
left: 0%;
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
background: rgba(0, 0, 0, 0.03);
|
||||||
|
width: 100%;
|
||||||
|
height: 6px;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
.ui.stacked.segments:before,
|
||||||
|
.ui.stacked.segment:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add additional page */
|
||||||
|
.ui.tall.stacked.segments:before,
|
||||||
|
.ui.tall.stacked.segment:before {
|
||||||
|
display: block;
|
||||||
|
bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.stacked.inverted.segments:before,
|
||||||
|
.ui.stacked.inverted.segments:after,
|
||||||
|
.ui.stacked.inverted.segment:before,
|
||||||
|
.ui.stacked.inverted.segment:after {
|
||||||
|
background-color: rgba(0, 0, 0, 0.03);
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Padded
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.padded.segment {
|
||||||
|
padding: 1.5em;
|
||||||
|
}
|
||||||
|
.ui[class*="very padded"].segment {
|
||||||
|
padding: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Padded vertical */
|
||||||
|
.ui.padded.segment.vertical.segment,
|
||||||
|
.ui[class*="very padded"].vertical.segment {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Compact
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.compact.segment {
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Compact Group */
|
||||||
|
.ui.compact.segments {
|
||||||
|
display: -webkit-inline-box;
|
||||||
|
display: -ms-inline-flexbox;
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
.ui.compact.segments .segment,
|
||||||
|
.ui.segments .compact.segment {
|
||||||
|
display: block;
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 1 auto;
|
||||||
|
flex: 0 1 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Circular
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.circular.segment {
|
||||||
|
display: table-cell;
|
||||||
|
padding: 2em;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
border-radius: 500em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Raised
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.raised.segments,
|
||||||
|
.ui.raised.segment {
|
||||||
|
-webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Groups
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Group */
|
||||||
|
.ui.segments {
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
position: relative;
|
||||||
|
margin: 1rem 0em;
|
||||||
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.segments:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
.ui.segments:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nested Segment */
|
||||||
|
.ui.segments > .segment {
|
||||||
|
top: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
border-radius: 0px;
|
||||||
|
margin: 0em;
|
||||||
|
width: auto;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: none;
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.segments:not(.horizontal) > .segment:first-child {
|
||||||
|
border-top: none;
|
||||||
|
margin-top: 0em;
|
||||||
|
bottom: 0px;
|
||||||
|
margin-bottom: 0em;
|
||||||
|
top: 0px;
|
||||||
|
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bottom */
|
||||||
|
.ui.segments:not(.horizontal) > .segment:last-child {
|
||||||
|
top: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
margin-top: 0em;
|
||||||
|
margin-bottom: 0em;
|
||||||
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
||||||
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
||||||
|
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only */
|
||||||
|
.ui.segments:not(.horizontal) > .segment:only-child {
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nested Group */
|
||||||
|
.ui.segments > .ui.segments {
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
margin: 1rem 1rem;
|
||||||
|
}
|
||||||
|
.ui.segments > .segments:first-child {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.segments > .segment + .segments:not(.horizontal) {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal Group */
|
||||||
|
.ui.horizontal.segments {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: row;
|
||||||
|
flex-direction: row;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 0px;
|
||||||
|
padding: 0em;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
margin: 1rem 0em;
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nested Horizontal Group */
|
||||||
|
.ui.segments > .horizontal.segments {
|
||||||
|
margin: 0em;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 0px;
|
||||||
|
border: none;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal Segment */
|
||||||
|
.ui.horizontal.segments > .segment {
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
-ms-flex: 1 1 0px;
|
||||||
|
|
||||||
|
/* Solves #2550 MS Flex */
|
||||||
|
margin: 0em;
|
||||||
|
min-width: 0px;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 0px;
|
||||||
|
border: none;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Border Fixes */
|
||||||
|
.ui.segments > .horizontal.segments:first-child {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.horizontal.segments > .segment:first-child {
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Disabled
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.disabled.segment {
|
||||||
|
opacity: 0.45;
|
||||||
|
color: rgba(40, 40, 40, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Loading
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.loading.segment {
|
||||||
|
position: relative;
|
||||||
|
cursor: default;
|
||||||
|
pointer-events: none;
|
||||||
|
text-shadow: none !important;
|
||||||
|
color: transparent !important;
|
||||||
|
-webkit-transition: all 0s linear;
|
||||||
|
transition: all 0s linear;
|
||||||
|
}
|
||||||
|
.ui.loading.segment:before {
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
top: 0%;
|
||||||
|
left: 0%;
|
||||||
|
background: rgba(255, 255, 255, 0.8);
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
.ui.loading.segment:after {
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -1.5em 0em 0em -1.5em;
|
||||||
|
width: 3em;
|
||||||
|
height: 3em;
|
||||||
|
-webkit-animation: segment-spin 0.6s linear;
|
||||||
|
animation: segment-spin 0.6s linear;
|
||||||
|
-webkit-animation-iteration-count: infinite;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
border-radius: 500rem;
|
||||||
|
border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 0.2em;
|
||||||
|
-webkit-box-shadow: 0px 0px 0px 1px transparent;
|
||||||
|
box-shadow: 0px 0px 0px 1px transparent;
|
||||||
|
visibility: visible;
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes segment-spin {
|
||||||
|
from {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes segment-spin {
|
||||||
|
from {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Basic
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.basic.segment {
|
||||||
|
background: none transparent;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Clearing
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.clearing.segment:after {
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Colors
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Red */
|
||||||
|
.ui.red.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #DB2828 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.red.segment {
|
||||||
|
background-color: #DB2828 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Orange */
|
||||||
|
.ui.orange.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #F2711C !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.orange.segment {
|
||||||
|
background-color: #F2711C !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Yellow */
|
||||||
|
.ui.yellow.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #FBBD08 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.yellow.segment {
|
||||||
|
background-color: #FBBD08 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Olive */
|
||||||
|
.ui.olive.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #B5CC18 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.olive.segment {
|
||||||
|
background-color: #B5CC18 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Green */
|
||||||
|
.ui.green.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #21BA45 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.green.segment {
|
||||||
|
background-color: #21BA45 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Teal */
|
||||||
|
.ui.teal.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #00B5AD !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.teal.segment {
|
||||||
|
background-color: #00B5AD !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Blue */
|
||||||
|
.ui.blue.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #2185D0 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.blue.segment {
|
||||||
|
background-color: #2185D0 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Violet */
|
||||||
|
.ui.violet.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #6435C9 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.violet.segment {
|
||||||
|
background-color: #6435C9 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Purple */
|
||||||
|
.ui.purple.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #A333C8 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.purple.segment {
|
||||||
|
background-color: #A333C8 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pink */
|
||||||
|
.ui.pink.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #E03997 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.pink.segment {
|
||||||
|
background-color: #E03997 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Brown */
|
||||||
|
.ui.brown.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #A5673F !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.brown.segment {
|
||||||
|
background-color: #A5673F !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grey */
|
||||||
|
.ui.grey.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #767676 !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.grey.segment {
|
||||||
|
background-color: #767676 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Black */
|
||||||
|
.ui.black.segment:not(.inverted) {
|
||||||
|
border-top: 2px solid #1B1C1D !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.black.segment {
|
||||||
|
background-color: #1B1C1D !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Aligned
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui[class*="left aligned"].segment {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.ui[class*="right aligned"].segment {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.ui[class*="center aligned"].segment {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Floated
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.floated.segment,
|
||||||
|
.ui[class*="left floated"].segment {
|
||||||
|
float: left;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
.ui[class*="right floated"].segment {
|
||||||
|
float: right;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Inverted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.inverted.segment {
|
||||||
|
border: none;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.ui.inverted.segment,
|
||||||
|
.ui.primary.inverted.segment {
|
||||||
|
background: #1B1C1D;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nested */
|
||||||
|
.ui.inverted.segment .segment {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.inverted.segment .inverted.segment {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Attached */
|
||||||
|
.ui.inverted.attached.segment {
|
||||||
|
border-color: #555555;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Emphasis
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Secondary */
|
||||||
|
.ui.secondary.segment {
|
||||||
|
background: #F3F4F5;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
.ui.secondary.inverted.segment {
|
||||||
|
background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
|
||||||
|
background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
|
||||||
|
background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tertiary */
|
||||||
|
.ui.tertiary.segment {
|
||||||
|
background: #DCDDDE;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
.ui.tertiary.inverted.segment {
|
||||||
|
background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
|
||||||
|
background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
|
||||||
|
background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Attached
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Middle */
|
||||||
|
.ui.attached.segment {
|
||||||
|
top: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
border-radius: 0px;
|
||||||
|
margin: 0em -1px;
|
||||||
|
width: calc(100% - (-1px * 2));
|
||||||
|
max-width: calc(100% - (-1px * 2));
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: 1px solid #D4D4D5;
|
||||||
|
}
|
||||||
|
.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Top */
|
||||||
|
.ui[class*="top attached"].segment {
|
||||||
|
bottom: 0px;
|
||||||
|
margin-bottom: 0em;
|
||||||
|
top: 0px;
|
||||||
|
margin-top: 1rem;
|
||||||
|
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
|
||||||
|
}
|
||||||
|
.ui.segment[class*="top attached"]:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bottom */
|
||||||
|
.ui.segment[class*="bottom attached"] {
|
||||||
|
bottom: 0px;
|
||||||
|
margin-top: 0em;
|
||||||
|
top: 0px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
||||||
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
||||||
|
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.segment[class*="bottom attached"]:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Size
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.mini.segments .segment,
|
||||||
|
.ui.mini.segment {
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.segments .segment,
|
||||||
|
.ui.tiny.segment {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.segments .segment,
|
||||||
|
.ui.small.segment {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.segments .segment,
|
||||||
|
.ui.segment {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.large.segments .segment,
|
||||||
|
.ui.large.segment {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.segments .segment,
|
||||||
|
.ui.big.segment {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.segments .segment,
|
||||||
|
.ui.huge.segment {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.segments .segment,
|
||||||
|
.ui.massive.segment {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
@ -0,0 +1,638 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - Sidebar
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Sidebar
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Sidebar Menu */
|
||||||
|
.ui.sidebar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
-webkit-transition: none;
|
||||||
|
transition: none;
|
||||||
|
will-change: transform;
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
visibility: hidden;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
height: 100% !important;
|
||||||
|
max-height: 100%;
|
||||||
|
border-radius: 0em !important;
|
||||||
|
margin: 0em !important;
|
||||||
|
overflow-y: auto !important;
|
||||||
|
z-index: 102;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GPU Layers for Child Elements */
|
||||||
|
.ui.sidebar > * {
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Direction
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.left.sidebar {
|
||||||
|
right: auto;
|
||||||
|
left: 0px;
|
||||||
|
-webkit-transform: translate3d(-100%, 0, 0);
|
||||||
|
transform: translate3d(-100%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.right.sidebar {
|
||||||
|
right: 0px !important;
|
||||||
|
left: auto !important;
|
||||||
|
-webkit-transform: translate3d(100%, 0%, 0);
|
||||||
|
transform: translate3d(100%, 0%, 0);
|
||||||
|
}
|
||||||
|
.ui.top.sidebar,
|
||||||
|
.ui.bottom.sidebar {
|
||||||
|
width: 100% !important;
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
|
.ui.top.sidebar {
|
||||||
|
top: 0px !important;
|
||||||
|
bottom: auto !important;
|
||||||
|
-webkit-transform: translate3d(0, -100%, 0);
|
||||||
|
transform: translate3d(0, -100%, 0);
|
||||||
|
}
|
||||||
|
.ui.bottom.sidebar {
|
||||||
|
top: auto !important;
|
||||||
|
bottom: 0px !important;
|
||||||
|
-webkit-transform: translate3d(0, 100%, 0);
|
||||||
|
transform: translate3d(0, 100%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Pushable
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.pushable {
|
||||||
|
height: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
padding: 0em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Whole Page */
|
||||||
|
body.pushable {
|
||||||
|
background: #545454 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page Context */
|
||||||
|
.pushable:not(body) {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
.pushable:not(body) > .ui.sidebar,
|
||||||
|
.pushable:not(body) > .fixed,
|
||||||
|
.pushable:not(body) > .pusher:after {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Fixed
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.pushable > .fixed {
|
||||||
|
position: fixed;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
will-change: transform;
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Page
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.pushable > .pusher {
|
||||||
|
position: relative;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
overflow: hidden;
|
||||||
|
min-height: 100%;
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
body.pushable > .pusher {
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pusher should inherit background from context */
|
||||||
|
.pushable > .pusher {
|
||||||
|
background: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Dimmer
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.pushable > .pusher:after {
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
right: 0px;
|
||||||
|
content: '';
|
||||||
|
background-color: rgba(0, 0, 0, 0.4);
|
||||||
|
overflow: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 500ms;
|
||||||
|
transition: opacity 500ms;
|
||||||
|
will-change: opacity;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Coupling
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.sidebar.menu .item {
|
||||||
|
border-radius: 0em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Dimmed
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.pushable > .pusher.dimmed:after {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Animating
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.animating.sidebar {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Visible
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.visible.sidebar {
|
||||||
|
visibility: visible;
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Shadow Direction */
|
||||||
|
.ui.left.visible.sidebar,
|
||||||
|
.ui.right.visible.sidebar {
|
||||||
|
-webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.top.visible.sidebar,
|
||||||
|
.ui.bottom.visible.sidebar {
|
||||||
|
-webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Visible On Load */
|
||||||
|
.ui.visible.left.sidebar ~ .fixed,
|
||||||
|
.ui.visible.left.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(260px, 0, 0);
|
||||||
|
transform: translate3d(260px, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.right.sidebar ~ .fixed,
|
||||||
|
.ui.visible.right.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(-260px, 0, 0);
|
||||||
|
transform: translate3d(-260px, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.top.sidebar ~ .fixed,
|
||||||
|
.ui.visible.top.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(0, 36px, 0);
|
||||||
|
transform: translate3d(0, 36px, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.bottom.sidebar ~ .fixed,
|
||||||
|
.ui.visible.bottom.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(0, -36px, 0);
|
||||||
|
transform: translate3d(0, -36px, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* opposite sides visible forces content overlay */
|
||||||
|
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
|
||||||
|
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
|
||||||
|
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
|
||||||
|
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
iOS
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Width
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Left / Right */
|
||||||
|
.ui.thin.left.sidebar,
|
||||||
|
.ui.thin.right.sidebar {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
.ui[class*="very thin"].left.sidebar,
|
||||||
|
.ui[class*="very thin"].right.sidebar {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
.ui.left.sidebar,
|
||||||
|
.ui.right.sidebar {
|
||||||
|
width: 260px;
|
||||||
|
}
|
||||||
|
.ui.wide.left.sidebar,
|
||||||
|
.ui.wide.right.sidebar {
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
.ui[class*="very wide"].left.sidebar,
|
||||||
|
.ui[class*="very wide"].right.sidebar {
|
||||||
|
width: 475px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Left Visible */
|
||||||
|
.ui.visible.thin.left.sidebar ~ .fixed,
|
||||||
|
.ui.visible.thin.left.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(150px, 0, 0);
|
||||||
|
transform: translate3d(150px, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
|
||||||
|
.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(60px, 0, 0);
|
||||||
|
transform: translate3d(60px, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.wide.left.sidebar ~ .fixed,
|
||||||
|
.ui.visible.wide.left.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(350px, 0, 0);
|
||||||
|
transform: translate3d(350px, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
|
||||||
|
.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(475px, 0, 0);
|
||||||
|
transform: translate3d(475px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Right Visible */
|
||||||
|
.ui.visible.thin.right.sidebar ~ .fixed,
|
||||||
|
.ui.visible.thin.right.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(-150px, 0, 0);
|
||||||
|
transform: translate3d(-150px, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
|
||||||
|
.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(-60px, 0, 0);
|
||||||
|
transform: translate3d(-60px, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.wide.right.sidebar ~ .fixed,
|
||||||
|
.ui.visible.wide.right.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(-350px, 0, 0);
|
||||||
|
transform: translate3d(-350px, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
|
||||||
|
.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: translate3d(-475px, 0, 0);
|
||||||
|
transform: translate3d(-475px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Animations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Overlay
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Set-up */
|
||||||
|
.ui.overlay.sidebar {
|
||||||
|
z-index: 102;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Initial */
|
||||||
|
.ui.left.overlay.sidebar {
|
||||||
|
-webkit-transform: translate3d(-100%, 0%, 0);
|
||||||
|
transform: translate3d(-100%, 0%, 0);
|
||||||
|
}
|
||||||
|
.ui.right.overlay.sidebar {
|
||||||
|
-webkit-transform: translate3d(100%, 0%, 0);
|
||||||
|
transform: translate3d(100%, 0%, 0);
|
||||||
|
}
|
||||||
|
.ui.top.overlay.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, -100%, 0);
|
||||||
|
transform: translate3d(0%, -100%, 0);
|
||||||
|
}
|
||||||
|
.ui.bottom.overlay.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 100%, 0);
|
||||||
|
transform: translate3d(0%, 100%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Animation */
|
||||||
|
.animating.ui.overlay.sidebar,
|
||||||
|
.ui.visible.overlay.sidebar {
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End - Sidebar */
|
||||||
|
.ui.visible.left.overlay.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 0%, 0);
|
||||||
|
transform: translate3d(0%, 0%, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.right.overlay.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 0%, 0);
|
||||||
|
transform: translate3d(0%, 0%, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.top.overlay.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 0%, 0);
|
||||||
|
transform: translate3d(0%, 0%, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.bottom.overlay.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 0%, 0);
|
||||||
|
transform: translate3d(0%, 0%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End - Pusher */
|
||||||
|
.ui.visible.overlay.sidebar ~ .fixed,
|
||||||
|
.ui.visible.overlay.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: none !important;
|
||||||
|
transform: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Push
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Initial */
|
||||||
|
.ui.push.sidebar {
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
z-index: 102;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar - Initial */
|
||||||
|
.ui.left.push.sidebar {
|
||||||
|
-webkit-transform: translate3d(-100%, 0, 0);
|
||||||
|
transform: translate3d(-100%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.right.push.sidebar {
|
||||||
|
-webkit-transform: translate3d(100%, 0, 0);
|
||||||
|
transform: translate3d(100%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.top.push.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, -100%, 0);
|
||||||
|
transform: translate3d(0%, -100%, 0);
|
||||||
|
}
|
||||||
|
.ui.bottom.push.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 100%, 0);
|
||||||
|
transform: translate3d(0%, 100%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End */
|
||||||
|
.ui.visible.push.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 0, 0);
|
||||||
|
transform: translate3d(0%, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Uncover
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Initial */
|
||||||
|
.ui.uncover.sidebar {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End */
|
||||||
|
.ui.visible.uncover.sidebar {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Slide Along
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Initial */
|
||||||
|
.ui.slide.along.sidebar {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar - Initial */
|
||||||
|
.ui.left.slide.along.sidebar {
|
||||||
|
-webkit-transform: translate3d(-50%, 0, 0);
|
||||||
|
transform: translate3d(-50%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.right.slide.along.sidebar {
|
||||||
|
-webkit-transform: translate3d(50%, 0, 0);
|
||||||
|
transform: translate3d(50%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.top.slide.along.sidebar {
|
||||||
|
-webkit-transform: translate3d(0, -50%, 0);
|
||||||
|
transform: translate3d(0, -50%, 0);
|
||||||
|
}
|
||||||
|
.ui.bottom.slide.along.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 50%, 0);
|
||||||
|
transform: translate3d(0%, 50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Animation */
|
||||||
|
.ui.animating.slide.along.sidebar {
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End */
|
||||||
|
.ui.visible.slide.along.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 0, 0);
|
||||||
|
transform: translate3d(0%, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Slide Out
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Initial */
|
||||||
|
.ui.slide.out.sidebar {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar - Initial */
|
||||||
|
.ui.left.slide.out.sidebar {
|
||||||
|
-webkit-transform: translate3d(50%, 0, 0);
|
||||||
|
transform: translate3d(50%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.right.slide.out.sidebar {
|
||||||
|
-webkit-transform: translate3d(-50%, 0, 0);
|
||||||
|
transform: translate3d(-50%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.top.slide.out.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 50%, 0);
|
||||||
|
transform: translate3d(0%, 50%, 0);
|
||||||
|
}
|
||||||
|
.ui.bottom.slide.out.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, -50%, 0);
|
||||||
|
transform: translate3d(0%, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Animation */
|
||||||
|
.ui.animating.slide.out.sidebar {
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End */
|
||||||
|
.ui.visible.slide.out.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 0, 0);
|
||||||
|
transform: translate3d(0%, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Scale Down
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Initial */
|
||||||
|
.ui.scale.down.sidebar {
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
z-index: 102;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar - Initial */
|
||||||
|
.ui.left.scale.down.sidebar {
|
||||||
|
-webkit-transform: translate3d(-100%, 0, 0);
|
||||||
|
transform: translate3d(-100%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.right.scale.down.sidebar {
|
||||||
|
-webkit-transform: translate3d(100%, 0, 0);
|
||||||
|
transform: translate3d(100%, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.top.scale.down.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, -100%, 0);
|
||||||
|
transform: translate3d(0%, -100%, 0);
|
||||||
|
}
|
||||||
|
.ui.bottom.scale.down.sidebar {
|
||||||
|
-webkit-transform: translate3d(0%, 100%, 0);
|
||||||
|
transform: translate3d(0%, 100%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pusher - Initial */
|
||||||
|
.ui.scale.down.left.sidebar ~ .pusher {
|
||||||
|
-webkit-transform-origin: 75% 50%;
|
||||||
|
transform-origin: 75% 50%;
|
||||||
|
}
|
||||||
|
.ui.scale.down.right.sidebar ~ .pusher {
|
||||||
|
-webkit-transform-origin: 25% 50%;
|
||||||
|
transform-origin: 25% 50%;
|
||||||
|
}
|
||||||
|
.ui.scale.down.top.sidebar ~ .pusher {
|
||||||
|
-webkit-transform-origin: 50% 75%;
|
||||||
|
transform-origin: 50% 75%;
|
||||||
|
}
|
||||||
|
.ui.scale.down.bottom.sidebar ~ .pusher {
|
||||||
|
-webkit-transform-origin: 50% 25%;
|
||||||
|
transform-origin: 50% 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Animation */
|
||||||
|
.ui.animating.scale.down > .visible.ui.sidebar {
|
||||||
|
-webkit-transition: -webkit-transform 500ms ease;
|
||||||
|
transition: -webkit-transform 500ms ease;
|
||||||
|
transition: transform 500ms ease;
|
||||||
|
transition: transform 500ms ease, -webkit-transform 500ms ease;
|
||||||
|
}
|
||||||
|
.ui.visible.scale.down.sidebar ~ .pusher,
|
||||||
|
.ui.animating.scale.down.sidebar ~ .pusher {
|
||||||
|
display: block !important;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End */
|
||||||
|
.ui.visible.scale.down.sidebar {
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.visible.scale.down.sidebar ~ .pusher {
|
||||||
|
-webkit-transform: scale(0.75);
|
||||||
|
transform: scale(0.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,214 @@
|
|||||||
|
/*
|
||||||
|
* # Semantic UI - 2.4.2
|
||||||
|
* https://github.com/Semantic-Org/Semantic-UI
|
||||||
|
* http://www.semantic-ui.com/
|
||||||
|
*
|
||||||
|
* Copyright 2014 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
/*!
|
||||||
|
* # Semantic UI - Site
|
||||||
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Page
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
min-width: 320px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4285em;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Headers
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
line-height: 1.28571429em;
|
||||||
|
margin: calc(2rem - 0.14285714em ) 0em 1rem;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0em;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
min-height: 1rem;
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: 1.07142857rem;
|
||||||
|
}
|
||||||
|
h5 {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
h1:first-child,
|
||||||
|
h2:first-child,
|
||||||
|
h3:first-child,
|
||||||
|
h4:first-child,
|
||||||
|
h5:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
h1:last-child,
|
||||||
|
h2:last-child,
|
||||||
|
h3:last-child,
|
||||||
|
h4:last-child,
|
||||||
|
h5:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Text
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0em 0em 1em;
|
||||||
|
line-height: 1.4285em;
|
||||||
|
}
|
||||||
|
p:first-child {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
p:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Links
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #4183C4;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #1e70bf;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Scrollbars
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Highlighting
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Site */
|
||||||
|
::-webkit-selection {
|
||||||
|
background-color: #CCE2FF;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
::-moz-selection {
|
||||||
|
background-color: #CCE2FF;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
::selection {
|
||||||
|
background-color: #CCE2FF;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Form */
|
||||||
|
textarea::-webkit-selection,
|
||||||
|
input::-webkit-selection {
|
||||||
|
background-color: rgba(100, 100, 100, 0.4);
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
textarea::-moz-selection,
|
||||||
|
input::-moz-selection {
|
||||||
|
background-color: rgba(100, 100, 100, 0.4);
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
textarea::selection,
|
||||||
|
input::selection {
|
||||||
|
background-color: rgba(100, 100, 100, 0.4);
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Force Simple Scrollbars */
|
||||||
|
body ::-webkit-scrollbar {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
body ::-webkit-scrollbar-track {
|
||||||
|
background: rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
body ::-webkit-scrollbar-thumb {
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: rgba(0, 0, 0, 0.25);
|
||||||
|
-webkit-transition: color 0.2s ease;
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
}
|
||||||
|
body ::-webkit-scrollbar-thumb:window-inactive {
|
||||||
|
background: rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
body ::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: rgba(128, 135, 139, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted UI */
|
||||||
|
body .ui.inverted::-webkit-scrollbar-track {
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
body .ui.inverted::-webkit-scrollbar-thumb {
|
||||||
|
background: rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
|
||||||
|
background: rgba(255, 255, 255, 0.15);
|
||||||
|
}
|
||||||
|
body .ui.inverted::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Global Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 5.8 KiB |
@ -0,0 +1,8 @@
|
|||||||
|
Hello my control panel!
|
||||||
|
You can use any def from Orchestrator module here in Jinja2 HTML template:
|
||||||
|
Example: OrchestratorModule.OSCMD(inCMDStr="notepad")
|
||||||
|
{{Const}}
|
||||||
|
{% if Const=="ND" %}
|
||||||
|
YES - IT IS ND
|
||||||
|
{% endif %}
|
||||||
|
{% include 'test2.txt' %}
|
||||||
Loading…
Reference in new issue