diff --git a/Sources/pyOpenRPA/Orchestrator/Server.py b/Sources/pyOpenRPA/Orchestrator/Server.py index 88f7f965..7056441f 100644 --- a/Sources/pyOpenRPA/Orchestrator/Server.py +++ b/Sources/pyOpenRPA/Orchestrator/Server.py @@ -500,7 +500,7 @@ class testHTTPServer_RequestHandler(BaseHTTPRequestHandler): "Method":"GET", "URL": gSettingsDict["ServerDict"]["URLIndexStr"], "MatchType": "EqualCase", - "ResponseFilePath": os.path.join(lOrchestratorFolder, "Web\\Index.xhtml"), + "ResponseFilePath": os.path.normpath(os.path.join(lOrchestratorFolder, "Web\\Index.xhtml")), "ResponseContentType": "text/html"} #Check if all condition are applied lFlagURLIsApplied=False diff --git a/Sources/pyOpenRPA/Orchestrator/ServerSettings.py b/Sources/pyOpenRPA/Orchestrator/ServerSettings.py index 4506adb8..f9951b95 100644 --- a/Sources/pyOpenRPA/Orchestrator/ServerSettings.py +++ b/Sources/pyOpenRPA/Orchestrator/ServerSettings.py @@ -456,9 +456,22 @@ def pyOpenRPA_Agent_A2O(inRequest, inGSettings): del lActivityItem if lL: lL.debug(f"SERVER: pyOpenRPA_Agent_A2O:: Source activity item request was deleted from the orchestrator. ActivityItem GUID Str: {lActivityReturnItemKeyStr}") inGSettings["AgentDict"][lAgentDictItemKeyTurple]["ActivityList"] = lAgentDictActivityListNew + +from pyOpenRPA.Utils.Render import Render +gPackageResourcePathStr = os.path.join(*(CrossOS.PathSplitList(__file__)[:-2])) +gRender = Render(inTemplatePathStr=os.path.join(gPackageResourcePathStr, "Resources","Web","orpa","orc.xhtml")) + +def pyOpenRPA_Index(): + # Пример использования + global gRender + gRender.TemplatePathSet(inDataDict={"const":"value1"}) + lStr = gRender.Generate() + __Orchestrator__.WebRequestResponseSend(inResponeStr=lStr,inContentTypeStr="html/text") + def SettingsUpdate(inGlobalConfiguration): import os import pyOpenRPA.Orchestrator + gSettingsDict = __Orchestrator__.GSettingsGet() if CrossOS.IS_WINDOWS_BOOL: lOrchestratorFolder = "\\".join(pyOpenRPA.Orchestrator.__file__.split("\\")[:-1]) if CrossOS.IS_LINUX_BOOL: lOrchestratorFolder = "/".join(pyOpenRPA.Orchestrator.__file__.split("/")[:-1]) lURLList = \ @@ -473,6 +486,7 @@ def SettingsUpdate(inGlobalConfiguration): # "ResponseDefRequestGlobal": None #Function with str result #} #Orchestrator basic dependencies # Index page in server.py because of special settings + {"Method":"GET", "URL": gSettingsDict["ServerDict"]["URLIndexStr"],"MatchType": "EqualNoParam", "ResponseDef": pyOpenRPA_Index}, {"Method":"GET", "URL": "/Index.js", "MatchType": "EqualCase", "ResponseFilePath": os.path.join(lOrchestratorFolder, "Web\\Index.js"), "ResponseContentType": "text/javascript"}, {"Method":"GET", "URL": "/3rdParty/Semantic-UI-CSS-master/semantic.min.css", "MatchType": "EqualCase", "ResponseFilePath": os.path.join(lOrchestratorFolder, "..\\Resources\\Web\\Semantic-UI-CSS-master\\semantic.min.css"), "ResponseContentType": "text/css", "UACBool":False, "UseCacheBool": True}, {"Method":"GET", "URL": "/3rdParty/Semantic-UI-CSS-master/semantic.min.js", "MatchType": "EqualCase", "ResponseFilePath": os.path.join(lOrchestratorFolder, "..\\Resources\\Web\\Semantic-UI-CSS-master\\semantic.min.js"), "ResponseContentType": "application/javascript", "UACBool":False, "UseCacheBool": True}, diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/favicon.ico b/Sources/pyOpenRPA/Resources/Web/orpa/favicon.ico new file mode 100644 index 00000000..867515cf Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/favicon.ico differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/footer.xhtml b/Sources/pyOpenRPA/Resources/Web/orpa/footer.xhtml new file mode 100644 index 00000000..530fc499 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/footer.xhtml @@ -0,0 +1,28 @@ + \ No newline at end of file diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/header.xhtml b/Sources/pyOpenRPA/Resources/Web/orpa/header.xhtml new file mode 100644 index 00000000..38a6c08b --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/header.xhtml @@ -0,0 +1,29 @@ +
+
+
+
+ +
+
+

+ {{const}} +

+

+ {% if const %} + ФИО: {{const}} + {% else %} + НАИМЕНОВАНИЕ: {{const}} + {% endif %} + +

+

ИНН: + {% if const %} + {{const}} + {% else %} + {{const}} + {% endif %} +

+
+
+
+
\ No newline at end of file diff --git a/Sources/pyOpenRPA/Resources/Web/pyOpenRPA_logo.png b/Sources/pyOpenRPA/Resources/Web/orpa/logo.png similarity index 100% rename from Sources/pyOpenRPA/Resources/Web/pyOpenRPA_logo.png rename to Sources/pyOpenRPA/Resources/Web/orpa/logo.png diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/orc.js b/Sources/pyOpenRPA/Resources/Web/orpa/orc.js new file mode 100644 index 00000000..07fe9ab2 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/orc.js @@ -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, "'"); + 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, "'"); + 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 = '
' + for (var lKeyStr in lResponseJSON["CPDict"]){ + lCPDict = lResponseJSON["CPDict"][lKeyStr] + /// Render HTML + if ("HTMLStr" in lCPDict) { + lHTMLCode+=lCPDict["HTMLStr"] + } + } + lHTMLCode += '
' + ///Прогрузить новую таблицу + $(".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": "" //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": "" //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 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 + }) + ; +}); \ No newline at end of file diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/orc.xhtml b/Sources/pyOpenRPA/Resources/Web/orpa/orc.xhtml new file mode 100644 index 00000000..47cd115e --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/orc.xhtml @@ -0,0 +1,445 @@ + + + + + pyOpenRPA Orchestrator + + + + + + + + + +
+ {% include 'header.xhtml' %} +
+ +
+ +
+ + + + + + + +
+ + +
+ +
+
+
+

+ +
+ Administration +
+

+ +
+
+ +
+
+

+ + Logs +

+ + + Freeze textarea + +
+
+ + +

+ + Controls +

+
+ + + + +
+ +
+ + + +
+
+ + {% include 'footer.xhtml' %} + + + + + + + + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Bold.woff2 b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Bold.woff2 new file mode 100644 index 00000000..bb195043 Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Bold.woff2 differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Italic.woff2 b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Italic.woff2 new file mode 100644 index 00000000..3404f37e Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Italic.woff2 differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Regular.woff2 b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Regular.woff2 new file mode 100644 index 00000000..3bf98433 Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/Lato-Regular.woff2 differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg1.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg1.jpg new file mode 100644 index 00000000..ba9abacb Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg1.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg10.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg10.jpg new file mode 100644 index 00000000..66bfc78a Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg10.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg2.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg2.jpg new file mode 100644 index 00000000..ed42e1ed Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg2.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg3.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg3.jpg new file mode 100644 index 00000000..07292468 Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg3.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg4.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg4.jpg new file mode 100644 index 00000000..5043c37f Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg4.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg5.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg5.jpg new file mode 100644 index 00000000..ad6ed35c Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg5.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg6.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg6.jpg new file mode 100644 index 00000000..265e2acd Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg6.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg7.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg7.jpg new file mode 100644 index 00000000..600c0ab2 Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg7.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg8.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg8.jpg new file mode 100644 index 00000000..e0bb6acc Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg8.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg9.jpg b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg9.jpg new file mode 100644 index 00000000..01969c91 Binary files /dev/null and b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/bg9.jpg differ diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/button.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/button.css new file mode 100644 index 00000000..d05d128f --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/button.css @@ -0,0 +1,3848 @@ + /* + * # 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 - Button + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + + +/******************************* + Button +*******************************/ + +.ui.button { + cursor: pointer; + display: inline-block; + min-height: 1em; + outline: none; + border: none; + vertical-align: baseline; + background: #E0E1E2 none; + color: rgba(0, 0, 0, 0.6); + font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; + margin: 0em 0.25em 0em 0em; + padding: 0.78571429em 1.5em 0.78571429em; + text-transform: none; + text-shadow: none; + font-weight: bold; + line-height: 1em; + font-style: normal; + text-align: center; + text-decoration: none; + border-radius: 0.28571429rem; + -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; + transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; + transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; + transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; + will-change: ''; + -webkit-tap-highlight-color: transparent; +} + + +/******************************* + States +*******************************/ + + +/*-------------- + Hover +---------------*/ + +.ui.button:hover { + background-color: #CACBCD; + background-image: none; + -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + color: rgba(0, 0, 0, 0.8); +} +.ui.button:hover .icon { + opacity: 0.85; +} + +/*-------------- + Focus +---------------*/ + +.ui.button:focus { + background-color: #CACBCD; + color: rgba(0, 0, 0, 0.8); + background-image: '' !important; + -webkit-box-shadow: '' !important; + box-shadow: '' !important; +} +.ui.button:focus .icon { + opacity: 0.85; +} + +/*-------------- + Down +---------------*/ + +.ui.button:active, +.ui.active.button:active { + background-color: #BABBBC; + background-image: ''; + color: rgba(0, 0, 0, 0.9); + -webkit-box-shadow: 0px 0px 0px 1px transparent inset, none; + box-shadow: 0px 0px 0px 1px transparent inset, none; +} + +/*-------------- + Active +---------------*/ + +.ui.active.button { + background-color: #C0C1C2; + background-image: none; + -webkit-box-shadow: 0px 0px 0px 1px transparent inset; + box-shadow: 0px 0px 0px 1px transparent inset; + color: rgba(0, 0, 0, 0.95); +} +.ui.active.button:hover { + background-color: #C0C1C2; + background-image: none; + color: rgba(0, 0, 0, 0.95); +} +.ui.active.button:active { + background-color: #C0C1C2; + background-image: none; +} + +/*-------------- + Loading +---------------*/ + + +/* Specificity hack */ +.ui.loading.loading.loading.loading.loading.loading.button { + position: relative; + cursor: default; + text-shadow: none !important; + color: transparent !important; + opacity: 1; + pointer-events: auto; + -webkit-transition: all 0s linear, opacity 0.1s ease; + transition: all 0s linear, opacity 0.1s ease; +} +.ui.loading.button:before { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285714em 0em 0em -0.64285714em; + width: 1.28571429em; + height: 1.28571429em; + border-radius: 500rem; + border: 0.2em solid rgba(0, 0, 0, 0.15); +} +.ui.loading.button:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285714em 0em 0em -0.64285714em; + width: 1.28571429em; + height: 1.28571429em; + -webkit-animation: button-spin 0.6s linear; + animation: button-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #FFFFFF transparent transparent; + border-style: solid; + border-width: 0.2em; + -webkit-box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; +} +.ui.labeled.icon.loading.button .icon { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +@-webkit-keyframes button-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes button-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.ui.basic.loading.button:not(.inverted):before { + border-color: rgba(0, 0, 0, 0.1); +} +.ui.basic.loading.button:not(.inverted):after { + border-top-color: #767676; +} + +/*------------------- + Disabled +--------------------*/ + +.ui.buttons .disabled.button, +.ui.disabled.button, +.ui.button:disabled, +.ui.disabled.button:hover, +.ui.disabled.active.button { + cursor: default; + opacity: 0.45 !important; + background-image: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + pointer-events: none !important; +} + +/* Basic Group With Disabled */ +.ui.basic.buttons .ui.disabled.button { + border-color: rgba(34, 36, 38, 0.5); +} + + +/******************************* + Types +*******************************/ + + +/*------------------- + Animated +--------------------*/ + +.ui.animated.button { + position: relative; + overflow: hidden; + padding-right: 0em !important; + vertical-align: middle; + z-index: 1; +} +.ui.animated.button .content { + will-change: transform, opacity; +} +.ui.animated.button .visible.content { + position: relative; + margin-right: 1.5em; +} +.ui.animated.button .hidden.content { + position: absolute; + width: 100%; +} + +/* Horizontal */ +.ui.animated.button .visible.content, +.ui.animated.button .hidden.content { + -webkit-transition: right 0.3s ease 0s; + transition: right 0.3s ease 0s; +} +.ui.animated.button .visible.content { + left: auto; + right: 0%; +} +.ui.animated.button .hidden.content { + top: 50%; + left: auto; + right: -100%; + margin-top: -0.5em; +} +.ui.animated.button:focus .visible.content, +.ui.animated.button:hover .visible.content { + left: auto; + right: 200%; +} +.ui.animated.button:focus .hidden.content, +.ui.animated.button:hover .hidden.content { + left: auto; + right: 0%; +} + +/* Vertical */ +.ui.vertical.animated.button .visible.content, +.ui.vertical.animated.button .hidden.content { + -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; + transition: top 0.3s ease, -webkit-transform 0.3s ease; + transition: top 0.3s ease, transform 0.3s ease; + transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; +} +.ui.vertical.animated.button .visible.content { + -webkit-transform: translateY(0%); + transform: translateY(0%); + right: auto; +} +.ui.vertical.animated.button .hidden.content { + top: -50%; + left: 0%; + right: auto; +} +.ui.vertical.animated.button:focus .visible.content, +.ui.vertical.animated.button:hover .visible.content { + -webkit-transform: translateY(200%); + transform: translateY(200%); + right: auto; +} +.ui.vertical.animated.button:focus .hidden.content, +.ui.vertical.animated.button:hover .hidden.content { + top: 50%; + right: auto; +} + +/* Fade */ +.ui.fade.animated.button .visible.content, +.ui.fade.animated.button .hidden.content { + -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; + transition: opacity 0.3s ease, -webkit-transform 0.3s ease; + transition: opacity 0.3s ease, transform 0.3s ease; + transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; +} +.ui.fade.animated.button .visible.content { + left: auto; + right: auto; + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} +.ui.fade.animated.button .hidden.content { + opacity: 0; + left: 0%; + right: auto; + -webkit-transform: scale(1.5); + transform: scale(1.5); +} +.ui.fade.animated.button:focus .visible.content, +.ui.fade.animated.button:hover .visible.content { + left: auto; + right: auto; + opacity: 0; + -webkit-transform: scale(0.75); + transform: scale(0.75); +} +.ui.fade.animated.button:focus .hidden.content, +.ui.fade.animated.button:hover .hidden.content { + left: 0%; + right: auto; + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} + +/*------------------- + Inverted +--------------------*/ + +.ui.inverted.button { + -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + background: transparent none; + color: #FFFFFF; + text-shadow: none !important; +} + +/* Group */ +.ui.inverted.buttons .button { + margin: 0px 0px 0px -2px; +} +.ui.inverted.buttons .button:first-child { + margin-left: 0em; +} +.ui.inverted.vertical.buttons .button { + margin: 0px 0px -2px 0px; +} +.ui.inverted.vertical.buttons .button:first-child { + margin-top: 0em; +} + +/* States */ + +/* Hover */ +.ui.inverted.button:hover { + background: #FFFFFF; + -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + color: rgba(0, 0, 0, 0.8); +} + +/* Active / Focus */ +.ui.inverted.button:focus, +.ui.inverted.button.active { + background: #FFFFFF; + -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + color: rgba(0, 0, 0, 0.8); +} + +/* Active Focus */ +.ui.inverted.button.active:focus { + background: #DCDDDE; + -webkit-box-shadow: 0px 0px 0px 2px #DCDDDE inset !important; + box-shadow: 0px 0px 0px 2px #DCDDDE inset !important; + color: rgba(0, 0, 0, 0.8); +} + +/*------------------- + Labeled Button +--------------------*/ + +.ui.labeled.button:not(.icon) { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + background: none !important; + padding: 0px !important; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.ui.labeled.button > .button { + margin: 0px; +} +.ui.labeled.button > .label { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0px 0px 0px -1px !important; + padding: ''; + font-size: 1em; + border-color: rgba(34, 36, 38, 0.15); +} + +/* Tag */ +.ui.labeled.button > .tag.label:before { + width: 1.85em; + height: 1.85em; +} + +/* Right */ +.ui.labeled.button:not([class*="left labeled"]) > .button { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} +.ui.labeled.button:not([class*="left labeled"]) > .label { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +/* Left Side */ +.ui[class*="left labeled"].button > .button { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} +.ui[class*="left labeled"].button > .label { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +/*------------------- + Social +--------------------*/ + + +/* Facebook */ +.ui.facebook.button { + background-color: #3B5998; + color: #FFFFFF; + text-shadow: none; + background-image: none; + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.facebook.button:hover { + background-color: #304d8a; + color: #FFFFFF; + text-shadow: none; +} +.ui.facebook.button:active { + background-color: #2d4373; + color: #FFFFFF; + text-shadow: none; +} + +/* Twitter */ +.ui.twitter.button { + background-color: #55ACEE; + color: #FFFFFF; + text-shadow: none; + background-image: none; + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.twitter.button:hover { + background-color: #35a2f4; + color: #FFFFFF; + text-shadow: none; +} +.ui.twitter.button:active { + background-color: #2795e9; + color: #FFFFFF; + text-shadow: none; +} + +/* Google Plus */ +.ui.google.plus.button { + background-color: #DD4B39; + color: #FFFFFF; + text-shadow: none; + background-image: none; + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.google.plus.button:hover { + background-color: #e0321c; + color: #FFFFFF; + text-shadow: none; +} +.ui.google.plus.button:active { + background-color: #c23321; + color: #FFFFFF; + text-shadow: none; +} + +/* Linked In */ +.ui.linkedin.button { + background-color: #1F88BE; + color: #FFFFFF; + text-shadow: none; +} +.ui.linkedin.button:hover { + background-color: #147baf; + color: #FFFFFF; + text-shadow: none; +} +.ui.linkedin.button:active { + background-color: #186992; + color: #FFFFFF; + text-shadow: none; +} + +/* YouTube */ +.ui.youtube.button { + background-color: #FF0000; + color: #FFFFFF; + text-shadow: none; + background-image: none; + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.youtube.button:hover { + background-color: #e60000; + color: #FFFFFF; + text-shadow: none; +} +.ui.youtube.button:active { + background-color: #cc0000; + color: #FFFFFF; + text-shadow: none; +} + +/* Instagram */ +.ui.instagram.button { + background-color: #49769C; + color: #FFFFFF; + text-shadow: none; + background-image: none; + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.instagram.button:hover { + background-color: #3d698e; + color: #FFFFFF; + text-shadow: none; +} +.ui.instagram.button:active { + background-color: #395c79; + color: #FFFFFF; + text-shadow: none; +} + +/* Pinterest */ +.ui.pinterest.button { + background-color: #BD081C; + color: #FFFFFF; + text-shadow: none; + background-image: none; + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.pinterest.button:hover { + background-color: #ac0013; + color: #FFFFFF; + text-shadow: none; +} +.ui.pinterest.button:active { + background-color: #8c0615; + color: #FFFFFF; + text-shadow: none; +} + +/* VK */ +.ui.vk.button { + background-color: #4D7198; + color: #FFFFFF; + background-image: none; + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.vk.button:hover { + background-color: #41648a; + color: #FFFFFF; +} +.ui.vk.button:active { + background-color: #3c5876; + color: #FFFFFF; +} + +/*-------------- + Icon +---------------*/ + +.ui.button > .icon:not(.button) { + height: 0.85714286em; + opacity: 0.8; + margin: 0em 0.42857143em 0em -0.21428571em; + -webkit-transition: opacity 0.1s ease; + transition: opacity 0.1s ease; + vertical-align: ''; + color: ''; +} +.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { + margin: 0em 0.42857143em 0em -0.21428571em; +} +.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { + margin: 0em -0.21428571em 0em 0.42857143em; +} + + +/******************************* + Variations +*******************************/ + + +/*------------------- + Floated +--------------------*/ + +.ui[class*="left floated"].buttons, +.ui[class*="left floated"].button { + float: left; + margin-left: 0em; + margin-right: 0.25em; +} +.ui[class*="right floated"].buttons, +.ui[class*="right floated"].button { + float: right; + margin-right: 0em; + margin-left: 0.25em; +} + +/*------------------- + Compact +--------------------*/ + +.ui.compact.buttons .button, +.ui.compact.button { + padding: 0.58928571em 1.125em 0.58928571em; +} +.ui.compact.icon.buttons .button, +.ui.compact.icon.button { + padding: 0.58928571em 0.58928571em 0.58928571em; +} +.ui.compact.labeled.icon.buttons .button, +.ui.compact.labeled.icon.button { + padding: 0.58928571em 3.69642857em 0.58928571em; +} + +/*------------------- + Sizes +--------------------*/ + +.ui.mini.buttons .button, +.ui.mini.buttons .or, +.ui.mini.button { + font-size: 0.78571429rem; +} +.ui.tiny.buttons .button, +.ui.tiny.buttons .or, +.ui.tiny.button { + font-size: 0.85714286rem; +} +.ui.small.buttons .button, +.ui.small.buttons .or, +.ui.small.button { + font-size: 0.92857143rem; +} +.ui.buttons .button, +.ui.buttons .or, +.ui.button { + font-size: 1rem; +} +.ui.large.buttons .button, +.ui.large.buttons .or, +.ui.large.button { + font-size: 1.14285714rem; +} +.ui.big.buttons .button, +.ui.big.buttons .or, +.ui.big.button { + font-size: 1.28571429rem; +} +.ui.huge.buttons .button, +.ui.huge.buttons .or, +.ui.huge.button { + font-size: 1.42857143rem; +} +.ui.massive.buttons .button, +.ui.massive.buttons .or, +.ui.massive.button { + font-size: 1.71428571rem; +} + +/*-------------- + Icon Only +---------------*/ + +.ui.icon.buttons .button, +.ui.icon.button { + padding: 0.78571429em 0.78571429em 0.78571429em; +} +.ui.icon.buttons .button > .icon, +.ui.icon.button > .icon { + opacity: 0.9; + margin: 0em !important; + vertical-align: top; +} + +/*------------------- + Basic +--------------------*/ + +.ui.basic.buttons .button, +.ui.basic.button { + background: transparent none !important; + color: rgba(0, 0, 0, 0.6) !important; + font-weight: normal; + border-radius: 0.28571429rem; + text-transform: none; + text-shadow: none !important; + -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid rgba(34, 36, 38, 0.15); + border-radius: 0.28571429rem; +} +.ui.basic.buttons .button { + border-radius: 0em; +} +.ui.basic.buttons .button:hover, +.ui.basic.button:hover { + background: #FFFFFF !important; + color: rgba(0, 0, 0, 0.8) !important; + -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons .button:focus, +.ui.basic.button:focus { + background: #FFFFFF !important; + color: rgba(0, 0, 0, 0.8) !important; + -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons .button:active, +.ui.basic.button:active { + background: #F8F8F8 !important; + color: rgba(0, 0, 0, 0.9) !important; + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.basic.buttons .active.button, +.ui.basic.active.button { + background: rgba(0, 0, 0, 0.05) !important; + -webkit-box-shadow: '' !important; + box-shadow: '' !important; + color: rgba(0, 0, 0, 0.95) !important; +} +.ui.basic.buttons .active.button:hover, +.ui.basic.active.button:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +/* Vertical */ +.ui.basic.buttons .button:hover { + -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; +} +.ui.basic.buttons .button:active { + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; +} +.ui.basic.buttons .active.button { + -webkit-box-shadow: '' !important; + box-shadow: '' !important; +} + +/* Standard Basic Inverted */ +.ui.basic.inverted.buttons .button, +.ui.basic.inverted.button { + background-color: transparent !important; + color: #F9FAFB !important; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; +} +.ui.basic.inverted.buttons .button:hover, +.ui.basic.inverted.button:hover { + color: #FFFFFF !important; + -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; + box-shadow: 0px 0px 0px 2px #ffffff inset !important; +} +.ui.basic.inverted.buttons .button:focus, +.ui.basic.inverted.button:focus { + color: #FFFFFF !important; + -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; + box-shadow: 0px 0px 0px 2px #ffffff inset !important; +} +.ui.basic.inverted.buttons .button:active, +.ui.basic.inverted.button:active { + background-color: rgba(255, 255, 255, 0.08) !important; + color: #FFFFFF !important; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; +} +.ui.basic.inverted.buttons .active.button, +.ui.basic.inverted.active.button { + background-color: rgba(255, 255, 255, 0.08); + color: #FFFFFF; + text-shadow: none; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; +} +.ui.basic.inverted.buttons .active.button:hover, +.ui.basic.inverted.active.button:hover { + background-color: rgba(255, 255, 255, 0.15); + -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; + box-shadow: 0px 0px 0px 2px #ffffff inset !important; +} + +/* Basic Group */ +.ui.basic.buttons .button { + border-left: 1px solid rgba(34, 36, 38, 0.15); + -webkit-box-shadow: none; + box-shadow: none; +} +.ui.basic.vertical.buttons .button { + border-left: none; +} +.ui.basic.vertical.buttons .button { + border-left-width: 0px; + border-top: 1px solid rgba(34, 36, 38, 0.15); +} +.ui.basic.vertical.buttons .button:first-child { + border-top-width: 0px; +} + +/*-------------- + Labeled Icon +---------------*/ + +.ui.labeled.icon.buttons .button, +.ui.labeled.icon.button { + position: relative; + padding-left: 4.07142857em !important; + padding-right: 1.5em !important; +} + +/* Left Labeled */ +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + position: absolute; + height: 100%; + line-height: 1; + border-radius: 0px; + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; + text-align: center; + margin: 0em; + width: 2.57142857em; + background-color: rgba(0, 0, 0, 0.05); + color: ''; + -webkit-box-shadow: -1px 0px 0px 0px transparent inset; + box-shadow: -1px 0px 0px 0px transparent inset; +} + +/* Left Labeled */ +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + top: 0em; + left: 0em; +} + +/* Right Labeled */ +.ui[class*="right labeled"].icon.button { + padding-right: 4.07142857em !important; + padding-left: 1.5em !important; +} +.ui[class*="right labeled"].icon.button > .icon { + left: auto; + right: 0em; + border-radius: 0px; + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; + -webkit-box-shadow: 1px 0px 0px 0px transparent inset; + box-shadow: 1px 0px 0px 0px transparent inset; +} +.ui.labeled.icon.buttons > .button > .icon:before, +.ui.labeled.icon.button > .icon:before, +.ui.labeled.icon.buttons > .button > .icon:after, +.ui.labeled.icon.button > .icon:after { + display: block; + position: absolute; + width: 100%; + top: 50%; + text-align: center; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui.labeled.icon.buttons .button > .icon { + border-radius: 0em; +} +.ui.labeled.icon.buttons .button:first-child > .icon { + border-top-left-radius: 0.28571429rem; + border-bottom-left-radius: 0.28571429rem; +} +.ui.labeled.icon.buttons .button:last-child > .icon { + border-top-right-radius: 0.28571429rem; + border-bottom-right-radius: 0.28571429rem; +} +.ui.vertical.labeled.icon.buttons .button:first-child > .icon { + border-radius: 0em; + border-top-left-radius: 0.28571429rem; +} +.ui.vertical.labeled.icon.buttons .button:last-child > .icon { + border-radius: 0em; + border-bottom-left-radius: 0.28571429rem; +} + +/* Fluid Labeled */ +.ui.fluid[class*="left labeled"].icon.button, +.ui.fluid[class*="right labeled"].icon.button { + padding-left: 1.5em !important; + padding-right: 1.5em !important; +} + +/*-------------- + Toggle +---------------*/ + + +/* Toggle (Modifies active state to give affordances) */ +.ui.toggle.buttons .active.button, +.ui.buttons .button.toggle.active, +.ui.button.toggle.active { + background-color: #21BA45 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: none; + color: #FFFFFF !important; +} +.ui.button.toggle.active:hover { + background-color: #16ab39 !important; + text-shadow: none; + color: #FFFFFF !important; +} + +/*-------------- + Circular +---------------*/ + +.ui.circular.button { + border-radius: 10em; +} +.ui.circular.button > .icon { + width: 1em; + vertical-align: baseline; +} + +/*------------------- + Or Buttons +--------------------*/ + +.ui.buttons .or { + position: relative; + width: 0.3em; + height: 2.57142857em; + z-index: 3; +} +.ui.buttons .or:before { + position: absolute; + text-align: center; + border-radius: 500rem; + content: 'or'; + top: 50%; + left: 50%; + background-color: #FFFFFF; + text-shadow: none; + margin-top: -0.89285714em; + margin-left: -0.89285714em; + width: 1.78571429em; + height: 1.78571429em; + line-height: 1.78571429em; + color: rgba(0, 0, 0, 0.4); + font-style: normal; + font-weight: bold; + -webkit-box-shadow: 0px 0px 0px 1px transparent inset; + box-shadow: 0px 0px 0px 1px transparent inset; +} +.ui.buttons .or[data-text]:before { + content: attr(data-text); +} + +/* Fluid Or */ +.ui.fluid.buttons .or { + width: 0em !important; +} +.ui.fluid.buttons .or:after { + display: none; +} + +/*------------------- + Attached +--------------------*/ + + +/* Singular */ +.ui.attached.button { + position: relative; + display: block; + margin: 0em; + border-radius: 0em; + -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; +} + +/* Top / Bottom */ +.ui.attached.top.button { + border-radius: 0.28571429rem 0.28571429rem 0em 0em; +} +.ui.attached.bottom.button { + border-radius: 0em 0em 0.28571429rem 0.28571429rem; +} + +/* Left / Right */ +.ui.left.attached.button { + display: inline-block; + border-left: none; + text-align: right; + padding-right: 0.75em; + border-radius: 0.28571429rem 0em 0em 0.28571429rem; +} +.ui.right.attached.button { + display: inline-block; + text-align: left; + padding-left: 0.75em; + border-radius: 0em 0.28571429rem 0.28571429rem 0em; +} + +/* Plural */ +.ui.attached.buttons { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-radius: 0em; + width: auto !important; + z-index: 2; + margin-left: -1px; + margin-right: -1px; +} +.ui.attached.buttons .button { + margin: 0em; +} +.ui.attached.buttons .button:first-child { + border-radius: 0em; +} +.ui.attached.buttons .button:last-child { + border-radius: 0em; +} + +/* Top / Bottom */ +.ui[class*="top attached"].buttons { + margin-bottom: -1px; + border-radius: 0.28571429rem 0.28571429rem 0em 0em; +} +.ui[class*="top attached"].buttons .button:first-child { + border-radius: 0.28571429rem 0em 0em 0em; +} +.ui[class*="top attached"].buttons .button:last-child { + border-radius: 0em 0.28571429rem 0em 0em; +} +.ui[class*="bottom attached"].buttons { + margin-top: -1px; + border-radius: 0em 0em 0.28571429rem 0.28571429rem; +} +.ui[class*="bottom attached"].buttons .button:first-child { + border-radius: 0em 0em 0em 0.28571429rem; +} +.ui[class*="bottom attached"].buttons .button:last-child { + border-radius: 0em 0em 0.28571429rem 0em; +} + +/* Left / Right */ +.ui[class*="left attached"].buttons { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + margin-right: 0em; + margin-left: -1px; + border-radius: 0em 0.28571429rem 0.28571429rem 0em; +} +.ui[class*="left attached"].buttons .button:first-child { + margin-left: -1px; + border-radius: 0em 0.28571429rem 0em 0em; +} +.ui[class*="left attached"].buttons .button:last-child { + margin-left: -1px; + border-radius: 0em 0em 0.28571429rem 0em; +} +.ui[class*="right attached"].buttons { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + margin-left: 0em; + margin-right: -1px; + border-radius: 0.28571429rem 0em 0em 0.28571429rem; +} +.ui[class*="right attached"].buttons .button:first-child { + margin-left: -1px; + border-radius: 0.28571429rem 0em 0em 0em; +} +.ui[class*="right attached"].buttons .button:last-child { + margin-left: -1px; + border-radius: 0em 0em 0em 0.28571429rem; +} + +/*------------------- + Fluid +--------------------*/ + +.ui.fluid.buttons, +.ui.fluid.button { + width: 100%; +} +.ui.fluid.button { + display: block; +} +.ui.two.buttons { + width: 100%; +} +.ui.two.buttons > .button { + width: 50%; +} +.ui.three.buttons { + width: 100%; +} +.ui.three.buttons > .button { + width: 33.333%; +} +.ui.four.buttons { + width: 100%; +} +.ui.four.buttons > .button { + width: 25%; +} +.ui.five.buttons { + width: 100%; +} +.ui.five.buttons > .button { + width: 20%; +} +.ui.six.buttons { + width: 100%; +} +.ui.six.buttons > .button { + width: 16.666%; +} +.ui.seven.buttons { + width: 100%; +} +.ui.seven.buttons > .button { + width: 14.285%; +} +.ui.eight.buttons { + width: 100%; +} +.ui.eight.buttons > .button { + width: 12.5%; +} +.ui.nine.buttons { + width: 100%; +} +.ui.nine.buttons > .button { + width: 11.11%; +} +.ui.ten.buttons { + width: 100%; +} +.ui.ten.buttons > .button { + width: 10%; +} +.ui.eleven.buttons { + width: 100%; +} +.ui.eleven.buttons > .button { + width: 9.09%; +} +.ui.twelve.buttons { + width: 100%; +} +.ui.twelve.buttons > .button { + width: 8.3333%; +} + +/* Fluid Vertical Buttons */ +.ui.fluid.vertical.buttons, +.ui.fluid.vertical.buttons > .button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: auto; +} +.ui.two.vertical.buttons > .button { + height: 50%; +} +.ui.three.vertical.buttons > .button { + height: 33.333%; +} +.ui.four.vertical.buttons > .button { + height: 25%; +} +.ui.five.vertical.buttons > .button { + height: 20%; +} +.ui.six.vertical.buttons > .button { + height: 16.666%; +} +.ui.seven.vertical.buttons > .button { + height: 14.285%; +} +.ui.eight.vertical.buttons > .button { + height: 12.5%; +} +.ui.nine.vertical.buttons > .button { + height: 11.11%; +} +.ui.ten.vertical.buttons > .button { + height: 10%; +} +.ui.eleven.vertical.buttons > .button { + height: 9.09%; +} +.ui.twelve.vertical.buttons > .button { + height: 8.3333%; +} + +/*------------------- + Colors +--------------------*/ + + +/*--- Black ---*/ + +.ui.black.buttons .button, +.ui.black.button { + background-color: #1B1C1D; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.black.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.black.buttons .button:hover, +.ui.black.button:hover { + background-color: #27292a; + color: #FFFFFF; + text-shadow: none; +} +.ui.black.buttons .button:focus, +.ui.black.button:focus { + background-color: #2f3032; + color: #FFFFFF; + text-shadow: none; +} +.ui.black.buttons .button:active, +.ui.black.button:active { + background-color: #343637; + color: #FFFFFF; + text-shadow: none; +} +.ui.black.buttons .active.button, +.ui.black.buttons .active.button:active, +.ui.black.active.button, +.ui.black.button .active.button:active { + background-color: #0f0f10; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.black.buttons .button, +.ui.basic.black.button { + -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; + box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; + color: #1B1C1D !important; +} +.ui.basic.black.buttons .button:hover, +.ui.basic.black.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; + box-shadow: 0px 0px 0px 1px #27292a inset !important; + color: #27292a !important; +} +.ui.basic.black.buttons .button:focus, +.ui.basic.black.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #2f3032 inset !important; + box-shadow: 0px 0px 0px 1px #2f3032 inset !important; + color: #27292a !important; +} +.ui.basic.black.buttons .active.button, +.ui.basic.black.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; + box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; + color: #343637 !important; +} +.ui.basic.black.buttons .button:active, +.ui.basic.black.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; + box-shadow: 0px 0px 0px 1px #343637 inset !important; + color: #343637 !important; +} +.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.black.buttons .button, +.ui.inverted.black.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; + box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; + color: #FFFFFF; +} +.ui.inverted.black.buttons .button:hover, +.ui.inverted.black.button:hover, +.ui.inverted.black.buttons .button:focus, +.ui.inverted.black.button:focus, +.ui.inverted.black.buttons .button.active, +.ui.inverted.black.button.active, +.ui.inverted.black.buttons .button:active, +.ui.inverted.black.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.black.buttons .button:hover, +.ui.inverted.black.button:hover { + background-color: #000000; +} +.ui.inverted.black.buttons .button:focus, +.ui.inverted.black.button:focus { + background-color: #000000; +} +.ui.inverted.black.buttons .active.button, +.ui.inverted.black.active.button { + background-color: #000000; +} +.ui.inverted.black.buttons .button:active, +.ui.inverted.black.button:active { + background-color: #000000; +} + +/* Inverted Basic */ +.ui.inverted.black.basic.buttons .button, +.ui.inverted.black.buttons .basic.button, +.ui.inverted.black.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.black.basic.buttons .button:hover, +.ui.inverted.black.buttons .basic.button:hover, +.ui.inverted.black.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; + box-shadow: 0px 0px 0px 2px #000000 inset !important; + color: #FFFFFF !important; +} +.ui.inverted.black.basic.buttons .button:focus, +.ui.inverted.black.basic.buttons .button:focus, +.ui.inverted.black.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; + box-shadow: 0px 0px 0px 2px #000000 inset !important; + color: #545454 !important; +} +.ui.inverted.black.basic.buttons .active.button, +.ui.inverted.black.buttons .basic.active.button, +.ui.inverted.black.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; + box-shadow: 0px 0px 0px 2px #000000 inset !important; + color: #FFFFFF !important; +} +.ui.inverted.black.basic.buttons .button:active, +.ui.inverted.black.buttons .basic.button:active, +.ui.inverted.black.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; + box-shadow: 0px 0px 0px 2px #000000 inset !important; + color: #FFFFFF !important; +} + +/*--- Grey ---*/ + +.ui.grey.buttons .button, +.ui.grey.button { + background-color: #767676; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.grey.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.grey.buttons .button:hover, +.ui.grey.button:hover { + background-color: #838383; + color: #FFFFFF; + text-shadow: none; +} +.ui.grey.buttons .button:focus, +.ui.grey.button:focus { + background-color: #8a8a8a; + color: #FFFFFF; + text-shadow: none; +} +.ui.grey.buttons .button:active, +.ui.grey.button:active { + background-color: #909090; + color: #FFFFFF; + text-shadow: none; +} +.ui.grey.buttons .active.button, +.ui.grey.buttons .active.button:active, +.ui.grey.active.button, +.ui.grey.button .active.button:active { + background-color: #696969; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.grey.buttons .button, +.ui.basic.grey.button { + -webkit-box-shadow: 0px 0px 0px 1px #767676 inset !important; + box-shadow: 0px 0px 0px 1px #767676 inset !important; + color: #767676 !important; +} +.ui.basic.grey.buttons .button:hover, +.ui.basic.grey.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #838383 inset !important; + box-shadow: 0px 0px 0px 1px #838383 inset !important; + color: #838383 !important; +} +.ui.basic.grey.buttons .button:focus, +.ui.basic.grey.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; + box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; + color: #838383 !important; +} +.ui.basic.grey.buttons .active.button, +.ui.basic.grey.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #696969 inset !important; + box-shadow: 0px 0px 0px 1px #696969 inset !important; + color: #909090 !important; +} +.ui.basic.grey.buttons .button:active, +.ui.basic.grey.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #909090 inset !important; + box-shadow: 0px 0px 0px 1px #909090 inset !important; + color: #909090 !important; +} +.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.grey.buttons .button, +.ui.inverted.grey.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; + box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; + color: #FFFFFF; +} +.ui.inverted.grey.buttons .button:hover, +.ui.inverted.grey.button:hover, +.ui.inverted.grey.buttons .button:focus, +.ui.inverted.grey.button:focus, +.ui.inverted.grey.buttons .button.active, +.ui.inverted.grey.button.active, +.ui.inverted.grey.buttons .button:active, +.ui.inverted.grey.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.grey.buttons .button:hover, +.ui.inverted.grey.button:hover { + background-color: #cfd0d2; +} +.ui.inverted.grey.buttons .button:focus, +.ui.inverted.grey.button:focus { + background-color: #c7c9cb; +} +.ui.inverted.grey.buttons .active.button, +.ui.inverted.grey.active.button { + background-color: #cfd0d2; +} +.ui.inverted.grey.buttons .button:active, +.ui.inverted.grey.button:active { + background-color: #c2c4c5; +} + +/* Inverted Basic */ +.ui.inverted.grey.basic.buttons .button, +.ui.inverted.grey.buttons .basic.button, +.ui.inverted.grey.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.grey.basic.buttons .button:hover, +.ui.inverted.grey.buttons .basic.button:hover, +.ui.inverted.grey.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; + box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; + color: #FFFFFF !important; +} +.ui.inverted.grey.basic.buttons .button:focus, +.ui.inverted.grey.basic.buttons .button:focus, +.ui.inverted.grey.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; + box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; + color: #DCDDDE !important; +} +.ui.inverted.grey.basic.buttons .active.button, +.ui.inverted.grey.buttons .basic.active.button, +.ui.inverted.grey.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; + box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; + color: #FFFFFF !important; +} +.ui.inverted.grey.basic.buttons .button:active, +.ui.inverted.grey.buttons .basic.button:active, +.ui.inverted.grey.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; + box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; + color: #FFFFFF !important; +} + +/*--- Brown ---*/ + +.ui.brown.buttons .button, +.ui.brown.button { + background-color: #A5673F; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.brown.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.brown.buttons .button:hover, +.ui.brown.button:hover { + background-color: #975b33; + color: #FFFFFF; + text-shadow: none; +} +.ui.brown.buttons .button:focus, +.ui.brown.button:focus { + background-color: #90532b; + color: #FFFFFF; + text-shadow: none; +} +.ui.brown.buttons .button:active, +.ui.brown.button:active { + background-color: #805031; + color: #FFFFFF; + text-shadow: none; +} +.ui.brown.buttons .active.button, +.ui.brown.buttons .active.button:active, +.ui.brown.active.button, +.ui.brown.button .active.button:active { + background-color: #995a31; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.brown.buttons .button, +.ui.basic.brown.button { + -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset !important; + box-shadow: 0px 0px 0px 1px #A5673F inset !important; + color: #A5673F !important; +} +.ui.basic.brown.buttons .button:hover, +.ui.basic.brown.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #975b33 inset !important; + box-shadow: 0px 0px 0px 1px #975b33 inset !important; + color: #975b33 !important; +} +.ui.basic.brown.buttons .button:focus, +.ui.basic.brown.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #90532b inset !important; + box-shadow: 0px 0px 0px 1px #90532b inset !important; + color: #975b33 !important; +} +.ui.basic.brown.buttons .active.button, +.ui.basic.brown.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #995a31 inset !important; + box-shadow: 0px 0px 0px 1px #995a31 inset !important; + color: #805031 !important; +} +.ui.basic.brown.buttons .button:active, +.ui.basic.brown.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #805031 inset !important; + box-shadow: 0px 0px 0px 1px #805031 inset !important; + color: #805031 !important; +} +.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.brown.buttons .button, +.ui.inverted.brown.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #D67C1C inset !important; + box-shadow: 0px 0px 0px 2px #D67C1C inset !important; + color: #D67C1C; +} +.ui.inverted.brown.buttons .button:hover, +.ui.inverted.brown.button:hover, +.ui.inverted.brown.buttons .button:focus, +.ui.inverted.brown.button:focus, +.ui.inverted.brown.buttons .button.active, +.ui.inverted.brown.button.active, +.ui.inverted.brown.buttons .button:active, +.ui.inverted.brown.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.brown.buttons .button:hover, +.ui.inverted.brown.button:hover { + background-color: #c86f11; +} +.ui.inverted.brown.buttons .button:focus, +.ui.inverted.brown.button:focus { + background-color: #c16808; +} +.ui.inverted.brown.buttons .active.button, +.ui.inverted.brown.active.button { + background-color: #cc6f0d; +} +.ui.inverted.brown.buttons .button:active, +.ui.inverted.brown.button:active { + background-color: #a96216; +} + +/* Inverted Basic */ +.ui.inverted.brown.basic.buttons .button, +.ui.inverted.brown.buttons .basic.button, +.ui.inverted.brown.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.brown.basic.buttons .button:hover, +.ui.inverted.brown.buttons .basic.button:hover, +.ui.inverted.brown.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #c86f11 inset !important; + box-shadow: 0px 0px 0px 2px #c86f11 inset !important; + color: #D67C1C !important; +} +.ui.inverted.brown.basic.buttons .button:focus, +.ui.inverted.brown.basic.buttons .button:focus, +.ui.inverted.brown.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #c16808 inset !important; + box-shadow: 0px 0px 0px 2px #c16808 inset !important; + color: #D67C1C !important; +} +.ui.inverted.brown.basic.buttons .active.button, +.ui.inverted.brown.buttons .basic.active.button, +.ui.inverted.brown.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; + box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; + color: #D67C1C !important; +} +.ui.inverted.brown.basic.buttons .button:active, +.ui.inverted.brown.buttons .basic.button:active, +.ui.inverted.brown.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #a96216 inset !important; + box-shadow: 0px 0px 0px 2px #a96216 inset !important; + color: #D67C1C !important; +} + +/*--- Blue ---*/ + +.ui.blue.buttons .button, +.ui.blue.button { + background-color: #2185D0; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.blue.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.blue.buttons .button:hover, +.ui.blue.button:hover { + background-color: #1678c2; + color: #FFFFFF; + text-shadow: none; +} +.ui.blue.buttons .button:focus, +.ui.blue.button:focus { + background-color: #0d71bb; + color: #FFFFFF; + text-shadow: none; +} +.ui.blue.buttons .button:active, +.ui.blue.button:active { + background-color: #1a69a4; + color: #FFFFFF; + text-shadow: none; +} +.ui.blue.buttons .active.button, +.ui.blue.buttons .active.button:active, +.ui.blue.active.button, +.ui.blue.button .active.button:active { + background-color: #1279c6; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.blue.buttons .button, +.ui.basic.blue.button { + -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important; + box-shadow: 0px 0px 0px 1px #2185D0 inset !important; + color: #2185D0 !important; +} +.ui.basic.blue.buttons .button:hover, +.ui.basic.blue.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important; + box-shadow: 0px 0px 0px 1px #1678c2 inset !important; + color: #1678c2 !important; +} +.ui.basic.blue.buttons .button:focus, +.ui.basic.blue.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important; + box-shadow: 0px 0px 0px 1px #0d71bb inset !important; + color: #1678c2 !important; +} +.ui.basic.blue.buttons .active.button, +.ui.basic.blue.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; + box-shadow: 0px 0px 0px 1px #1279c6 inset !important; + color: #1a69a4 !important; +} +.ui.basic.blue.buttons .button:active, +.ui.basic.blue.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; + box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; + color: #1a69a4 !important; +} +.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.blue.buttons .button, +.ui.inverted.blue.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important; + box-shadow: 0px 0px 0px 2px #54C8FF inset !important; + color: #54C8FF; +} +.ui.inverted.blue.buttons .button:hover, +.ui.inverted.blue.button:hover, +.ui.inverted.blue.buttons .button:focus, +.ui.inverted.blue.button:focus, +.ui.inverted.blue.buttons .button.active, +.ui.inverted.blue.button.active, +.ui.inverted.blue.buttons .button:active, +.ui.inverted.blue.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.blue.buttons .button:hover, +.ui.inverted.blue.button:hover { + background-color: #3ac0ff; +} +.ui.inverted.blue.buttons .button:focus, +.ui.inverted.blue.button:focus { + background-color: #2bbbff; +} +.ui.inverted.blue.buttons .active.button, +.ui.inverted.blue.active.button { + background-color: #3ac0ff; +} +.ui.inverted.blue.buttons .button:active, +.ui.inverted.blue.button:active { + background-color: #21b8ff; +} + +/* Inverted Basic */ +.ui.inverted.blue.basic.buttons .button, +.ui.inverted.blue.buttons .basic.button, +.ui.inverted.blue.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.blue.basic.buttons .button:hover, +.ui.inverted.blue.buttons .basic.button:hover, +.ui.inverted.blue.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + color: #54C8FF !important; +} +.ui.inverted.blue.basic.buttons .button:focus, +.ui.inverted.blue.basic.buttons .button:focus, +.ui.inverted.blue.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; + box-shadow: 0px 0px 0px 2px #2bbbff inset !important; + color: #54C8FF !important; +} +.ui.inverted.blue.basic.buttons .active.button, +.ui.inverted.blue.buttons .basic.active.button, +.ui.inverted.blue.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + color: #54C8FF !important; +} +.ui.inverted.blue.basic.buttons .button:active, +.ui.inverted.blue.buttons .basic.button:active, +.ui.inverted.blue.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; + box-shadow: 0px 0px 0px 2px #21b8ff inset !important; + color: #54C8FF !important; +} + +/*--- Green ---*/ + +.ui.green.buttons .button, +.ui.green.button { + background-color: #21BA45; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.green.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.green.buttons .button:hover, +.ui.green.button:hover { + background-color: #16ab39; + color: #FFFFFF; + text-shadow: none; +} +.ui.green.buttons .button:focus, +.ui.green.button:focus { + background-color: #0ea432; + color: #FFFFFF; + text-shadow: none; +} +.ui.green.buttons .button:active, +.ui.green.button:active { + background-color: #198f35; + color: #FFFFFF; + text-shadow: none; +} +.ui.green.buttons .active.button, +.ui.green.buttons .active.button:active, +.ui.green.active.button, +.ui.green.button .active.button:active { + background-color: #13ae38; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.green.buttons .button, +.ui.basic.green.button { + -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important; + box-shadow: 0px 0px 0px 1px #21BA45 inset !important; + color: #21BA45 !important; +} +.ui.basic.green.buttons .button:hover, +.ui.basic.green.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important; + box-shadow: 0px 0px 0px 1px #16ab39 inset !important; + color: #16ab39 !important; +} +.ui.basic.green.buttons .button:focus, +.ui.basic.green.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important; + box-shadow: 0px 0px 0px 1px #0ea432 inset !important; + color: #16ab39 !important; +} +.ui.basic.green.buttons .active.button, +.ui.basic.green.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; + box-shadow: 0px 0px 0px 1px #13ae38 inset !important; + color: #198f35 !important; +} +.ui.basic.green.buttons .button:active, +.ui.basic.green.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; + box-shadow: 0px 0px 0px 1px #198f35 inset !important; + color: #198f35 !important; +} +.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.green.buttons .button, +.ui.inverted.green.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; + box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; + color: #2ECC40; +} +.ui.inverted.green.buttons .button:hover, +.ui.inverted.green.button:hover, +.ui.inverted.green.buttons .button:focus, +.ui.inverted.green.button:focus, +.ui.inverted.green.buttons .button.active, +.ui.inverted.green.button.active, +.ui.inverted.green.buttons .button:active, +.ui.inverted.green.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.green.buttons .button:hover, +.ui.inverted.green.button:hover { + background-color: #22be34; +} +.ui.inverted.green.buttons .button:focus, +.ui.inverted.green.button:focus { + background-color: #19b82b; +} +.ui.inverted.green.buttons .active.button, +.ui.inverted.green.active.button { + background-color: #1fc231; +} +.ui.inverted.green.buttons .button:active, +.ui.inverted.green.button:active { + background-color: #25a233; +} + +/* Inverted Basic */ +.ui.inverted.green.basic.buttons .button, +.ui.inverted.green.buttons .basic.button, +.ui.inverted.green.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.green.basic.buttons .button:hover, +.ui.inverted.green.buttons .basic.button:hover, +.ui.inverted.green.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #22be34 inset !important; + box-shadow: 0px 0px 0px 2px #22be34 inset !important; + color: #2ECC40 !important; +} +.ui.inverted.green.basic.buttons .button:focus, +.ui.inverted.green.basic.buttons .button:focus, +.ui.inverted.green.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #19b82b inset !important; + box-shadow: 0px 0px 0px 2px #19b82b inset !important; + color: #2ECC40 !important; +} +.ui.inverted.green.basic.buttons .active.button, +.ui.inverted.green.buttons .basic.active.button, +.ui.inverted.green.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #1fc231 inset !important; + box-shadow: 0px 0px 0px 2px #1fc231 inset !important; + color: #2ECC40 !important; +} +.ui.inverted.green.basic.buttons .button:active, +.ui.inverted.green.buttons .basic.button:active, +.ui.inverted.green.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #25a233 inset !important; + box-shadow: 0px 0px 0px 2px #25a233 inset !important; + color: #2ECC40 !important; +} + +/*--- Orange ---*/ + +.ui.orange.buttons .button, +.ui.orange.button { + background-color: #F2711C; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.orange.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.orange.buttons .button:hover, +.ui.orange.button:hover { + background-color: #f26202; + color: #FFFFFF; + text-shadow: none; +} +.ui.orange.buttons .button:focus, +.ui.orange.button:focus { + background-color: #e55b00; + color: #FFFFFF; + text-shadow: none; +} +.ui.orange.buttons .button:active, +.ui.orange.button:active { + background-color: #cf590c; + color: #FFFFFF; + text-shadow: none; +} +.ui.orange.buttons .active.button, +.ui.orange.buttons .active.button:active, +.ui.orange.active.button, +.ui.orange.button .active.button:active { + background-color: #f56100; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.orange.buttons .button, +.ui.basic.orange.button { + -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset !important; + box-shadow: 0px 0px 0px 1px #F2711C inset !important; + color: #F2711C !important; +} +.ui.basic.orange.buttons .button:hover, +.ui.basic.orange.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !important; + box-shadow: 0px 0px 0px 1px #f26202 inset !important; + color: #f26202 !important; +} +.ui.basic.orange.buttons .button:focus, +.ui.basic.orange.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !important; + box-shadow: 0px 0px 0px 1px #e55b00 inset !important; + color: #f26202 !important; +} +.ui.basic.orange.buttons .active.button, +.ui.basic.orange.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important; + box-shadow: 0px 0px 0px 1px #f56100 inset !important; + color: #cf590c !important; +} +.ui.basic.orange.buttons .button:active, +.ui.basic.orange.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #cf590c inset !important; + box-shadow: 0px 0px 0px 1px #cf590c inset !important; + color: #cf590c !important; +} +.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.orange.buttons .button, +.ui.inverted.orange.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #FF851B inset !important; + box-shadow: 0px 0px 0px 2px #FF851B inset !important; + color: #FF851B; +} +.ui.inverted.orange.buttons .button:hover, +.ui.inverted.orange.button:hover, +.ui.inverted.orange.buttons .button:focus, +.ui.inverted.orange.button:focus, +.ui.inverted.orange.buttons .button.active, +.ui.inverted.orange.button.active, +.ui.inverted.orange.buttons .button:active, +.ui.inverted.orange.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.orange.buttons .button:hover, +.ui.inverted.orange.button:hover { + background-color: #ff7701; +} +.ui.inverted.orange.buttons .button:focus, +.ui.inverted.orange.button:focus { + background-color: #f17000; +} +.ui.inverted.orange.buttons .active.button, +.ui.inverted.orange.active.button { + background-color: #ff7701; +} +.ui.inverted.orange.buttons .button:active, +.ui.inverted.orange.button:active { + background-color: #e76b00; +} + +/* Inverted Basic */ +.ui.inverted.orange.basic.buttons .button, +.ui.inverted.orange.buttons .basic.button, +.ui.inverted.orange.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.orange.basic.buttons .button:hover, +.ui.inverted.orange.buttons .basic.button:hover, +.ui.inverted.orange.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; + box-shadow: 0px 0px 0px 2px #ff7701 inset !important; + color: #FF851B !important; +} +.ui.inverted.orange.basic.buttons .button:focus, +.ui.inverted.orange.basic.buttons .button:focus, +.ui.inverted.orange.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important; + box-shadow: 0px 0px 0px 2px #f17000 inset !important; + color: #FF851B !important; +} +.ui.inverted.orange.basic.buttons .active.button, +.ui.inverted.orange.buttons .basic.active.button, +.ui.inverted.orange.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; + box-shadow: 0px 0px 0px 2px #ff7701 inset !important; + color: #FF851B !important; +} +.ui.inverted.orange.basic.buttons .button:active, +.ui.inverted.orange.buttons .basic.button:active, +.ui.inverted.orange.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important; + box-shadow: 0px 0px 0px 2px #e76b00 inset !important; + color: #FF851B !important; +} + +/*--- Pink ---*/ + +.ui.pink.buttons .button, +.ui.pink.button { + background-color: #E03997; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.pink.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.pink.buttons .button:hover, +.ui.pink.button:hover { + background-color: #e61a8d; + color: #FFFFFF; + text-shadow: none; +} +.ui.pink.buttons .button:focus, +.ui.pink.button:focus { + background-color: #e10f85; + color: #FFFFFF; + text-shadow: none; +} +.ui.pink.buttons .button:active, +.ui.pink.button:active { + background-color: #c71f7e; + color: #FFFFFF; + text-shadow: none; +} +.ui.pink.buttons .active.button, +.ui.pink.buttons .active.button:active, +.ui.pink.active.button, +.ui.pink.button .active.button:active { + background-color: #ea158d; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.pink.buttons .button, +.ui.basic.pink.button { + -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset !important; + box-shadow: 0px 0px 0px 1px #E03997 inset !important; + color: #E03997 !important; +} +.ui.basic.pink.buttons .button:hover, +.ui.basic.pink.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #e61a8d inset !important; + box-shadow: 0px 0px 0px 1px #e61a8d inset !important; + color: #e61a8d !important; +} +.ui.basic.pink.buttons .button:focus, +.ui.basic.pink.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #e10f85 inset !important; + box-shadow: 0px 0px 0px 1px #e10f85 inset !important; + color: #e61a8d !important; +} +.ui.basic.pink.buttons .active.button, +.ui.basic.pink.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #ea158d inset !important; + box-shadow: 0px 0px 0px 1px #ea158d inset !important; + color: #c71f7e !important; +} +.ui.basic.pink.buttons .button:active, +.ui.basic.pink.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #c71f7e inset !important; + box-shadow: 0px 0px 0px 1px #c71f7e inset !important; + color: #c71f7e !important; +} +.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.pink.buttons .button, +.ui.inverted.pink.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; + box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; + color: #FF8EDF; +} +.ui.inverted.pink.buttons .button:hover, +.ui.inverted.pink.button:hover, +.ui.inverted.pink.buttons .button:focus, +.ui.inverted.pink.button:focus, +.ui.inverted.pink.buttons .button.active, +.ui.inverted.pink.button.active, +.ui.inverted.pink.buttons .button:active, +.ui.inverted.pink.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.pink.buttons .button:hover, +.ui.inverted.pink.button:hover { + background-color: #ff74d8; +} +.ui.inverted.pink.buttons .button:focus, +.ui.inverted.pink.button:focus { + background-color: #ff65d3; +} +.ui.inverted.pink.buttons .active.button, +.ui.inverted.pink.active.button { + background-color: #ff74d8; +} +.ui.inverted.pink.buttons .button:active, +.ui.inverted.pink.button:active { + background-color: #ff5bd1; +} + +/* Inverted Basic */ +.ui.inverted.pink.basic.buttons .button, +.ui.inverted.pink.buttons .basic.button, +.ui.inverted.pink.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.pink.basic.buttons .button:hover, +.ui.inverted.pink.buttons .basic.button:hover, +.ui.inverted.pink.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; + box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; + color: #FF8EDF !important; +} +.ui.inverted.pink.basic.buttons .button:focus, +.ui.inverted.pink.basic.buttons .button:focus, +.ui.inverted.pink.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; + box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; + color: #FF8EDF !important; +} +.ui.inverted.pink.basic.buttons .active.button, +.ui.inverted.pink.buttons .basic.active.button, +.ui.inverted.pink.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; + box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; + color: #FF8EDF !important; +} +.ui.inverted.pink.basic.buttons .button:active, +.ui.inverted.pink.buttons .basic.button:active, +.ui.inverted.pink.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; + box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; + color: #FF8EDF !important; +} + +/*--- Violet ---*/ + +.ui.violet.buttons .button, +.ui.violet.button { + background-color: #6435C9; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.violet.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.violet.buttons .button:hover, +.ui.violet.button:hover { + background-color: #5829bb; + color: #FFFFFF; + text-shadow: none; +} +.ui.violet.buttons .button:focus, +.ui.violet.button:focus { + background-color: #4f20b5; + color: #FFFFFF; + text-shadow: none; +} +.ui.violet.buttons .button:active, +.ui.violet.button:active { + background-color: #502aa1; + color: #FFFFFF; + text-shadow: none; +} +.ui.violet.buttons .active.button, +.ui.violet.buttons .active.button:active, +.ui.violet.active.button, +.ui.violet.button .active.button:active { + background-color: #5626bf; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.violet.buttons .button, +.ui.basic.violet.button { + -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset !important; + box-shadow: 0px 0px 0px 1px #6435C9 inset !important; + color: #6435C9 !important; +} +.ui.basic.violet.buttons .button:hover, +.ui.basic.violet.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #5829bb inset !important; + box-shadow: 0px 0px 0px 1px #5829bb inset !important; + color: #5829bb !important; +} +.ui.basic.violet.buttons .button:focus, +.ui.basic.violet.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; + box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; + color: #5829bb !important; +} +.ui.basic.violet.buttons .active.button, +.ui.basic.violet.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #5626bf inset !important; + box-shadow: 0px 0px 0px 1px #5626bf inset !important; + color: #502aa1 !important; +} +.ui.basic.violet.buttons .button:active, +.ui.basic.violet.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #502aa1 inset !important; + box-shadow: 0px 0px 0px 1px #502aa1 inset !important; + color: #502aa1 !important; +} +.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.violet.buttons .button, +.ui.inverted.violet.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #A291FB inset !important; + box-shadow: 0px 0px 0px 2px #A291FB inset !important; + color: #A291FB; +} +.ui.inverted.violet.buttons .button:hover, +.ui.inverted.violet.button:hover, +.ui.inverted.violet.buttons .button:focus, +.ui.inverted.violet.button:focus, +.ui.inverted.violet.buttons .button.active, +.ui.inverted.violet.button.active, +.ui.inverted.violet.buttons .button:active, +.ui.inverted.violet.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.violet.buttons .button:hover, +.ui.inverted.violet.button:hover { + background-color: #8a73ff; +} +.ui.inverted.violet.buttons .button:focus, +.ui.inverted.violet.button:focus { + background-color: #7d64ff; +} +.ui.inverted.violet.buttons .active.button, +.ui.inverted.violet.active.button { + background-color: #8a73ff; +} +.ui.inverted.violet.buttons .button:active, +.ui.inverted.violet.button:active { + background-color: #7860f9; +} + +/* Inverted Basic */ +.ui.inverted.violet.basic.buttons .button, +.ui.inverted.violet.buttons .basic.button, +.ui.inverted.violet.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.violet.basic.buttons .button:hover, +.ui.inverted.violet.buttons .basic.button:hover, +.ui.inverted.violet.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; + box-shadow: 0px 0px 0px 2px #8a73ff inset !important; + color: #A291FB !important; +} +.ui.inverted.violet.basic.buttons .button:focus, +.ui.inverted.violet.basic.buttons .button:focus, +.ui.inverted.violet.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #7d64ff inset !important; + box-shadow: 0px 0px 0px 2px #7d64ff inset !important; + color: #A291FB !important; +} +.ui.inverted.violet.basic.buttons .active.button, +.ui.inverted.violet.buttons .basic.active.button, +.ui.inverted.violet.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; + box-shadow: 0px 0px 0px 2px #8a73ff inset !important; + color: #A291FB !important; +} +.ui.inverted.violet.basic.buttons .button:active, +.ui.inverted.violet.buttons .basic.button:active, +.ui.inverted.violet.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #7860f9 inset !important; + box-shadow: 0px 0px 0px 2px #7860f9 inset !important; + color: #A291FB !important; +} + +/*--- Purple ---*/ + +.ui.purple.buttons .button, +.ui.purple.button { + background-color: #A333C8; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.purple.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.purple.buttons .button:hover, +.ui.purple.button:hover { + background-color: #9627ba; + color: #FFFFFF; + text-shadow: none; +} +.ui.purple.buttons .button:focus, +.ui.purple.button:focus { + background-color: #8f1eb4; + color: #FFFFFF; + text-shadow: none; +} +.ui.purple.buttons .button:active, +.ui.purple.button:active { + background-color: #82299f; + color: #FFFFFF; + text-shadow: none; +} +.ui.purple.buttons .active.button, +.ui.purple.buttons .active.button:active, +.ui.purple.active.button, +.ui.purple.button .active.button:active { + background-color: #9724be; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.purple.buttons .button, +.ui.basic.purple.button { + -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset !important; + box-shadow: 0px 0px 0px 1px #A333C8 inset !important; + color: #A333C8 !important; +} +.ui.basic.purple.buttons .button:hover, +.ui.basic.purple.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #9627ba inset !important; + box-shadow: 0px 0px 0px 1px #9627ba inset !important; + color: #9627ba !important; +} +.ui.basic.purple.buttons .button:focus, +.ui.basic.purple.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; + box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; + color: #9627ba !important; +} +.ui.basic.purple.buttons .active.button, +.ui.basic.purple.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #9724be inset !important; + box-shadow: 0px 0px 0px 1px #9724be inset !important; + color: #82299f !important; +} +.ui.basic.purple.buttons .button:active, +.ui.basic.purple.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #82299f inset !important; + box-shadow: 0px 0px 0px 1px #82299f inset !important; + color: #82299f !important; +} +.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.purple.buttons .button, +.ui.inverted.purple.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #DC73FF inset !important; + box-shadow: 0px 0px 0px 2px #DC73FF inset !important; + color: #DC73FF; +} +.ui.inverted.purple.buttons .button:hover, +.ui.inverted.purple.button:hover, +.ui.inverted.purple.buttons .button:focus, +.ui.inverted.purple.button:focus, +.ui.inverted.purple.buttons .button.active, +.ui.inverted.purple.button.active, +.ui.inverted.purple.buttons .button:active, +.ui.inverted.purple.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.purple.buttons .button:hover, +.ui.inverted.purple.button:hover { + background-color: #d65aff; +} +.ui.inverted.purple.buttons .button:focus, +.ui.inverted.purple.button:focus { + background-color: #d24aff; +} +.ui.inverted.purple.buttons .active.button, +.ui.inverted.purple.active.button { + background-color: #d65aff; +} +.ui.inverted.purple.buttons .button:active, +.ui.inverted.purple.button:active { + background-color: #cf40ff; +} + +/* Inverted Basic */ +.ui.inverted.purple.basic.buttons .button, +.ui.inverted.purple.buttons .basic.button, +.ui.inverted.purple.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.purple.basic.buttons .button:hover, +.ui.inverted.purple.buttons .basic.button:hover, +.ui.inverted.purple.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; + box-shadow: 0px 0px 0px 2px #d65aff inset !important; + color: #DC73FF !important; +} +.ui.inverted.purple.basic.buttons .button:focus, +.ui.inverted.purple.basic.buttons .button:focus, +.ui.inverted.purple.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #d24aff inset !important; + box-shadow: 0px 0px 0px 2px #d24aff inset !important; + color: #DC73FF !important; +} +.ui.inverted.purple.basic.buttons .active.button, +.ui.inverted.purple.buttons .basic.active.button, +.ui.inverted.purple.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; + box-shadow: 0px 0px 0px 2px #d65aff inset !important; + color: #DC73FF !important; +} +.ui.inverted.purple.basic.buttons .button:active, +.ui.inverted.purple.buttons .basic.button:active, +.ui.inverted.purple.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #cf40ff inset !important; + box-shadow: 0px 0px 0px 2px #cf40ff inset !important; + color: #DC73FF !important; +} + +/*--- Red ---*/ + +.ui.red.buttons .button, +.ui.red.button { + background-color: #DB2828; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.red.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.red.buttons .button:hover, +.ui.red.button:hover { + background-color: #d01919; + color: #FFFFFF; + text-shadow: none; +} +.ui.red.buttons .button:focus, +.ui.red.button:focus { + background-color: #ca1010; + color: #FFFFFF; + text-shadow: none; +} +.ui.red.buttons .button:active, +.ui.red.button:active { + background-color: #b21e1e; + color: #FFFFFF; + text-shadow: none; +} +.ui.red.buttons .active.button, +.ui.red.buttons .active.button:active, +.ui.red.active.button, +.ui.red.button .active.button:active { + background-color: #d41515; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.red.buttons .button, +.ui.basic.red.button { + -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important; + box-shadow: 0px 0px 0px 1px #DB2828 inset !important; + color: #DB2828 !important; +} +.ui.basic.red.buttons .button:hover, +.ui.basic.red.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important; + box-shadow: 0px 0px 0px 1px #d01919 inset !important; + color: #d01919 !important; +} +.ui.basic.red.buttons .button:focus, +.ui.basic.red.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important; + box-shadow: 0px 0px 0px 1px #ca1010 inset !important; + color: #d01919 !important; +} +.ui.basic.red.buttons .active.button, +.ui.basic.red.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; + box-shadow: 0px 0px 0px 1px #d41515 inset !important; + color: #b21e1e !important; +} +.ui.basic.red.buttons .button:active, +.ui.basic.red.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; + box-shadow: 0px 0px 0px 1px #b21e1e inset !important; + color: #b21e1e !important; +} +.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.red.buttons .button, +.ui.inverted.red.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #FF695E inset !important; + box-shadow: 0px 0px 0px 2px #FF695E inset !important; + color: #FF695E; +} +.ui.inverted.red.buttons .button:hover, +.ui.inverted.red.button:hover, +.ui.inverted.red.buttons .button:focus, +.ui.inverted.red.button:focus, +.ui.inverted.red.buttons .button.active, +.ui.inverted.red.button.active, +.ui.inverted.red.buttons .button:active, +.ui.inverted.red.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.red.buttons .button:hover, +.ui.inverted.red.button:hover { + background-color: #ff5144; +} +.ui.inverted.red.buttons .button:focus, +.ui.inverted.red.button:focus { + background-color: #ff4335; +} +.ui.inverted.red.buttons .active.button, +.ui.inverted.red.active.button { + background-color: #ff5144; +} +.ui.inverted.red.buttons .button:active, +.ui.inverted.red.button:active { + background-color: #ff392b; +} + +/* Inverted Basic */ +.ui.inverted.red.basic.buttons .button, +.ui.inverted.red.buttons .basic.button, +.ui.inverted.red.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.red.basic.buttons .button:hover, +.ui.inverted.red.buttons .basic.button:hover, +.ui.inverted.red.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; + box-shadow: 0px 0px 0px 2px #ff5144 inset !important; + color: #FF695E !important; +} +.ui.inverted.red.basic.buttons .button:focus, +.ui.inverted.red.basic.buttons .button:focus, +.ui.inverted.red.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #ff4335 inset !important; + box-shadow: 0px 0px 0px 2px #ff4335 inset !important; + color: #FF695E !important; +} +.ui.inverted.red.basic.buttons .active.button, +.ui.inverted.red.buttons .basic.active.button, +.ui.inverted.red.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; + box-shadow: 0px 0px 0px 2px #ff5144 inset !important; + color: #FF695E !important; +} +.ui.inverted.red.basic.buttons .button:active, +.ui.inverted.red.buttons .basic.button:active, +.ui.inverted.red.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #ff392b inset !important; + box-shadow: 0px 0px 0px 2px #ff392b inset !important; + color: #FF695E !important; +} + +/*--- Teal ---*/ + +.ui.teal.buttons .button, +.ui.teal.button { + background-color: #00B5AD; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.teal.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.teal.buttons .button:hover, +.ui.teal.button:hover { + background-color: #009c95; + color: #FFFFFF; + text-shadow: none; +} +.ui.teal.buttons .button:focus, +.ui.teal.button:focus { + background-color: #008c86; + color: #FFFFFF; + text-shadow: none; +} +.ui.teal.buttons .button:active, +.ui.teal.button:active { + background-color: #00827c; + color: #FFFFFF; + text-shadow: none; +} +.ui.teal.buttons .active.button, +.ui.teal.buttons .active.button:active, +.ui.teal.active.button, +.ui.teal.button .active.button:active { + background-color: #009c95; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.teal.buttons .button, +.ui.basic.teal.button { + -webkit-box-shadow: 0px 0px 0px 1px #00B5AD inset !important; + box-shadow: 0px 0px 0px 1px #00B5AD inset !important; + color: #00B5AD !important; +} +.ui.basic.teal.buttons .button:hover, +.ui.basic.teal.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; + box-shadow: 0px 0px 0px 1px #009c95 inset !important; + color: #009c95 !important; +} +.ui.basic.teal.buttons .button:focus, +.ui.basic.teal.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #008c86 inset !important; + box-shadow: 0px 0px 0px 1px #008c86 inset !important; + color: #009c95 !important; +} +.ui.basic.teal.buttons .active.button, +.ui.basic.teal.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; + box-shadow: 0px 0px 0px 1px #009c95 inset !important; + color: #00827c !important; +} +.ui.basic.teal.buttons .button:active, +.ui.basic.teal.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #00827c inset !important; + box-shadow: 0px 0px 0px 1px #00827c inset !important; + color: #00827c !important; +} +.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.teal.buttons .button, +.ui.inverted.teal.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; + box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; + color: #6DFFFF; +} +.ui.inverted.teal.buttons .button:hover, +.ui.inverted.teal.button:hover, +.ui.inverted.teal.buttons .button:focus, +.ui.inverted.teal.button:focus, +.ui.inverted.teal.buttons .button.active, +.ui.inverted.teal.button.active, +.ui.inverted.teal.buttons .button:active, +.ui.inverted.teal.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.teal.buttons .button:hover, +.ui.inverted.teal.button:hover { + background-color: #54ffff; +} +.ui.inverted.teal.buttons .button:focus, +.ui.inverted.teal.button:focus { + background-color: #44ffff; +} +.ui.inverted.teal.buttons .active.button, +.ui.inverted.teal.active.button { + background-color: #54ffff; +} +.ui.inverted.teal.buttons .button:active, +.ui.inverted.teal.button:active { + background-color: #3affff; +} + +/* Inverted Basic */ +.ui.inverted.teal.basic.buttons .button, +.ui.inverted.teal.buttons .basic.button, +.ui.inverted.teal.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.teal.basic.buttons .button:hover, +.ui.inverted.teal.buttons .basic.button:hover, +.ui.inverted.teal.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; + box-shadow: 0px 0px 0px 2px #54ffff inset !important; + color: #6DFFFF !important; +} +.ui.inverted.teal.basic.buttons .button:focus, +.ui.inverted.teal.basic.buttons .button:focus, +.ui.inverted.teal.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #44ffff inset !important; + box-shadow: 0px 0px 0px 2px #44ffff inset !important; + color: #6DFFFF !important; +} +.ui.inverted.teal.basic.buttons .active.button, +.ui.inverted.teal.buttons .basic.active.button, +.ui.inverted.teal.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; + box-shadow: 0px 0px 0px 2px #54ffff inset !important; + color: #6DFFFF !important; +} +.ui.inverted.teal.basic.buttons .button:active, +.ui.inverted.teal.buttons .basic.button:active, +.ui.inverted.teal.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #3affff inset !important; + box-shadow: 0px 0px 0px 2px #3affff inset !important; + color: #6DFFFF !important; +} + +/*--- Olive ---*/ + +.ui.olive.buttons .button, +.ui.olive.button { + background-color: #B5CC18; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.olive.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.olive.buttons .button:hover, +.ui.olive.button:hover { + background-color: #a7bd0d; + color: #FFFFFF; + text-shadow: none; +} +.ui.olive.buttons .button:focus, +.ui.olive.button:focus { + background-color: #a0b605; + color: #FFFFFF; + text-shadow: none; +} +.ui.olive.buttons .button:active, +.ui.olive.button:active { + background-color: #8d9e13; + color: #FFFFFF; + text-shadow: none; +} +.ui.olive.buttons .active.button, +.ui.olive.buttons .active.button:active, +.ui.olive.active.button, +.ui.olive.button .active.button:active { + background-color: #aac109; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.olive.buttons .button, +.ui.basic.olive.button { + -webkit-box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; + box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; + color: #B5CC18 !important; +} +.ui.basic.olive.buttons .button:hover, +.ui.basic.olive.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; + box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; + color: #a7bd0d !important; +} +.ui.basic.olive.buttons .button:focus, +.ui.basic.olive.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #a0b605 inset !important; + box-shadow: 0px 0px 0px 1px #a0b605 inset !important; + color: #a7bd0d !important; +} +.ui.basic.olive.buttons .active.button, +.ui.basic.olive.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #aac109 inset !important; + box-shadow: 0px 0px 0px 1px #aac109 inset !important; + color: #8d9e13 !important; +} +.ui.basic.olive.buttons .button:active, +.ui.basic.olive.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; + box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; + color: #8d9e13 !important; +} +.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.olive.buttons .button, +.ui.inverted.olive.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #D9E778 inset !important; + box-shadow: 0px 0px 0px 2px #D9E778 inset !important; + color: #D9E778; +} +.ui.inverted.olive.buttons .button:hover, +.ui.inverted.olive.button:hover, +.ui.inverted.olive.buttons .button:focus, +.ui.inverted.olive.button:focus, +.ui.inverted.olive.buttons .button.active, +.ui.inverted.olive.button.active, +.ui.inverted.olive.buttons .button:active, +.ui.inverted.olive.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.olive.buttons .button:hover, +.ui.inverted.olive.button:hover { + background-color: #d8ea5c; +} +.ui.inverted.olive.buttons .button:focus, +.ui.inverted.olive.button:focus { + background-color: #daef47; +} +.ui.inverted.olive.buttons .active.button, +.ui.inverted.olive.active.button { + background-color: #daed59; +} +.ui.inverted.olive.buttons .button:active, +.ui.inverted.olive.button:active { + background-color: #cddf4d; +} + +/* Inverted Basic */ +.ui.inverted.olive.basic.buttons .button, +.ui.inverted.olive.buttons .basic.button, +.ui.inverted.olive.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.olive.basic.buttons .button:hover, +.ui.inverted.olive.buttons .basic.button:hover, +.ui.inverted.olive.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; + box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; + color: #D9E778 !important; +} +.ui.inverted.olive.basic.buttons .button:focus, +.ui.inverted.olive.basic.buttons .button:focus, +.ui.inverted.olive.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #daef47 inset !important; + box-shadow: 0px 0px 0px 2px #daef47 inset !important; + color: #D9E778 !important; +} +.ui.inverted.olive.basic.buttons .active.button, +.ui.inverted.olive.buttons .basic.active.button, +.ui.inverted.olive.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #daed59 inset !important; + box-shadow: 0px 0px 0px 2px #daed59 inset !important; + color: #D9E778 !important; +} +.ui.inverted.olive.basic.buttons .button:active, +.ui.inverted.olive.buttons .basic.button:active, +.ui.inverted.olive.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #cddf4d inset !important; + box-shadow: 0px 0px 0px 2px #cddf4d inset !important; + color: #D9E778 !important; +} + +/*--- Yellow ---*/ + +.ui.yellow.buttons .button, +.ui.yellow.button { + background-color: #FBBD08; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.yellow.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.yellow.buttons .button:hover, +.ui.yellow.button:hover { + background-color: #eaae00; + color: #FFFFFF; + text-shadow: none; +} +.ui.yellow.buttons .button:focus, +.ui.yellow.button:focus { + background-color: #daa300; + color: #FFFFFF; + text-shadow: none; +} +.ui.yellow.buttons .button:active, +.ui.yellow.button:active { + background-color: #cd9903; + color: #FFFFFF; + text-shadow: none; +} +.ui.yellow.buttons .active.button, +.ui.yellow.buttons .active.button:active, +.ui.yellow.active.button, +.ui.yellow.button .active.button:active { + background-color: #eaae00; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.yellow.buttons .button, +.ui.basic.yellow.button { + -webkit-box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; + box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; + color: #FBBD08 !important; +} +.ui.basic.yellow.buttons .button:hover, +.ui.basic.yellow.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; + box-shadow: 0px 0px 0px 1px #eaae00 inset !important; + color: #eaae00 !important; +} +.ui.basic.yellow.buttons .button:focus, +.ui.basic.yellow.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #daa300 inset !important; + box-shadow: 0px 0px 0px 1px #daa300 inset !important; + color: #eaae00 !important; +} +.ui.basic.yellow.buttons .active.button, +.ui.basic.yellow.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; + box-shadow: 0px 0px 0px 1px #eaae00 inset !important; + color: #cd9903 !important; +} +.ui.basic.yellow.buttons .button:active, +.ui.basic.yellow.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #cd9903 inset !important; + box-shadow: 0px 0px 0px 1px #cd9903 inset !important; + color: #cd9903 !important; +} +.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.yellow.buttons .button, +.ui.inverted.yellow.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #FFE21F inset !important; + box-shadow: 0px 0px 0px 2px #FFE21F inset !important; + color: #FFE21F; +} +.ui.inverted.yellow.buttons .button:hover, +.ui.inverted.yellow.button:hover, +.ui.inverted.yellow.buttons .button:focus, +.ui.inverted.yellow.button:focus, +.ui.inverted.yellow.buttons .button.active, +.ui.inverted.yellow.button.active, +.ui.inverted.yellow.buttons .button:active, +.ui.inverted.yellow.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.yellow.buttons .button:hover, +.ui.inverted.yellow.button:hover { + background-color: #ffdf05; +} +.ui.inverted.yellow.buttons .button:focus, +.ui.inverted.yellow.button:focus { + background-color: #f5d500; +} +.ui.inverted.yellow.buttons .active.button, +.ui.inverted.yellow.active.button { + background-color: #ffdf05; +} +.ui.inverted.yellow.buttons .button:active, +.ui.inverted.yellow.button:active { + background-color: #ebcd00; +} + +/* Inverted Basic */ +.ui.inverted.yellow.basic.buttons .button, +.ui.inverted.yellow.buttons .basic.button, +.ui.inverted.yellow.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.yellow.basic.buttons .button:hover, +.ui.inverted.yellow.buttons .basic.button:hover, +.ui.inverted.yellow.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; + box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; + color: #FFE21F !important; +} +.ui.inverted.yellow.basic.buttons .button:focus, +.ui.inverted.yellow.basic.buttons .button:focus, +.ui.inverted.yellow.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #f5d500 inset !important; + box-shadow: 0px 0px 0px 2px #f5d500 inset !important; + color: #FFE21F !important; +} +.ui.inverted.yellow.basic.buttons .active.button, +.ui.inverted.yellow.buttons .basic.active.button, +.ui.inverted.yellow.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; + box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; + color: #FFE21F !important; +} +.ui.inverted.yellow.basic.buttons .button:active, +.ui.inverted.yellow.buttons .basic.button:active, +.ui.inverted.yellow.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; + box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; + color: #FFE21F !important; +} + +/*------------------- + Primary +--------------------*/ + + +/*--- Standard ---*/ + +.ui.primary.buttons .button, +.ui.primary.button { + background-color: #2185D0; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.primary.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.primary.buttons .button:hover, +.ui.primary.button:hover { + background-color: #1678c2; + color: #FFFFFF; + text-shadow: none; +} +.ui.primary.buttons .button:focus, +.ui.primary.button:focus { + background-color: #0d71bb; + color: #FFFFFF; + text-shadow: none; +} +.ui.primary.buttons .button:active, +.ui.primary.button:active { + background-color: #1a69a4; + color: #FFFFFF; + text-shadow: none; +} +.ui.primary.buttons .active.button, +.ui.primary.buttons .active.button:active, +.ui.primary.active.button, +.ui.primary.button .active.button:active { + background-color: #1279c6; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.primary.buttons .button, +.ui.basic.primary.button { + -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important; + box-shadow: 0px 0px 0px 1px #2185D0 inset !important; + color: #2185D0 !important; +} +.ui.basic.primary.buttons .button:hover, +.ui.basic.primary.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important; + box-shadow: 0px 0px 0px 1px #1678c2 inset !important; + color: #1678c2 !important; +} +.ui.basic.primary.buttons .button:focus, +.ui.basic.primary.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important; + box-shadow: 0px 0px 0px 1px #0d71bb inset !important; + color: #1678c2 !important; +} +.ui.basic.primary.buttons .active.button, +.ui.basic.primary.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; + box-shadow: 0px 0px 0px 1px #1279c6 inset !important; + color: #1a69a4 !important; +} +.ui.basic.primary.buttons .button:active, +.ui.basic.primary.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; + box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; + color: #1a69a4 !important; +} +.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.primary.buttons .button, +.ui.inverted.primary.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important; + box-shadow: 0px 0px 0px 2px #54C8FF inset !important; + color: #54C8FF; +} +.ui.inverted.primary.buttons .button:hover, +.ui.inverted.primary.button:hover, +.ui.inverted.primary.buttons .button:focus, +.ui.inverted.primary.button:focus, +.ui.inverted.primary.buttons .button.active, +.ui.inverted.primary.button.active, +.ui.inverted.primary.buttons .button:active, +.ui.inverted.primary.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.primary.buttons .button:hover, +.ui.inverted.primary.button:hover { + background-color: #3ac0ff; +} +.ui.inverted.primary.buttons .button:focus, +.ui.inverted.primary.button:focus { + background-color: #2bbbff; +} +.ui.inverted.primary.buttons .active.button, +.ui.inverted.primary.active.button { + background-color: #3ac0ff; +} +.ui.inverted.primary.buttons .button:active, +.ui.inverted.primary.button:active { + background-color: #21b8ff; +} + +/* Inverted Basic */ +.ui.inverted.primary.basic.buttons .button, +.ui.inverted.primary.buttons .basic.button, +.ui.inverted.primary.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.primary.basic.buttons .button:hover, +.ui.inverted.primary.buttons .basic.button:hover, +.ui.inverted.primary.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + color: #54C8FF !important; +} +.ui.inverted.primary.basic.buttons .button:focus, +.ui.inverted.primary.basic.buttons .button:focus, +.ui.inverted.primary.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; + box-shadow: 0px 0px 0px 2px #2bbbff inset !important; + color: #54C8FF !important; +} +.ui.inverted.primary.basic.buttons .active.button, +.ui.inverted.primary.buttons .basic.active.button, +.ui.inverted.primary.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + color: #54C8FF !important; +} +.ui.inverted.primary.basic.buttons .button:active, +.ui.inverted.primary.buttons .basic.button:active, +.ui.inverted.primary.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; + box-shadow: 0px 0px 0px 2px #21b8ff inset !important; + color: #54C8FF !important; +} + +/*------------------- + Secondary +--------------------*/ + + +/* Standard */ +.ui.secondary.buttons .button, +.ui.secondary.button { + background-color: #1B1C1D; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.secondary.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.secondary.buttons .button:hover, +.ui.secondary.button:hover { + background-color: #27292a; + color: #FFFFFF; + text-shadow: none; +} +.ui.secondary.buttons .button:focus, +.ui.secondary.button:focus { + background-color: #2e3032; + color: #FFFFFF; + text-shadow: none; +} +.ui.secondary.buttons .button:active, +.ui.secondary.button:active { + background-color: #343637; + color: #FFFFFF; + text-shadow: none; +} +.ui.secondary.buttons .active.button, +.ui.secondary.buttons .active.button:active, +.ui.secondary.active.button, +.ui.secondary.button .active.button:active { + background-color: #27292a; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.secondary.buttons .button, +.ui.basic.secondary.button { + -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; + box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; + color: #1B1C1D !important; +} +.ui.basic.secondary.buttons .button:hover, +.ui.basic.secondary.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; + box-shadow: 0px 0px 0px 1px #27292a inset !important; + color: #27292a !important; +} +.ui.basic.secondary.buttons .button:focus, +.ui.basic.secondary.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #2e3032 inset !important; + box-shadow: 0px 0px 0px 1px #2e3032 inset !important; + color: #27292a !important; +} +.ui.basic.secondary.buttons .active.button, +.ui.basic.secondary.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; + box-shadow: 0px 0px 0px 1px #27292a inset !important; + color: #343637 !important; +} +.ui.basic.secondary.buttons .button:active, +.ui.basic.secondary.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; + box-shadow: 0px 0px 0px 1px #343637 inset !important; + color: #343637 !important; +} +.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ +.ui.inverted.secondary.buttons .button, +.ui.inverted.secondary.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px #545454 inset !important; + box-shadow: 0px 0px 0px 2px #545454 inset !important; + color: #545454; +} +.ui.inverted.secondary.buttons .button:hover, +.ui.inverted.secondary.button:hover, +.ui.inverted.secondary.buttons .button:focus, +.ui.inverted.secondary.button:focus, +.ui.inverted.secondary.buttons .button.active, +.ui.inverted.secondary.button.active, +.ui.inverted.secondary.buttons .button:active, +.ui.inverted.secondary.button:active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + color: #FFFFFF; +} +.ui.inverted.secondary.buttons .button:hover, +.ui.inverted.secondary.button:hover { + background-color: #616161; +} +.ui.inverted.secondary.buttons .button:focus, +.ui.inverted.secondary.button:focus { + background-color: #686868; +} +.ui.inverted.secondary.buttons .active.button, +.ui.inverted.secondary.active.button { + background-color: #616161; +} +.ui.inverted.secondary.buttons .button:active, +.ui.inverted.secondary.button:active { + background-color: #6e6e6e; +} + +/* Inverted Basic */ +.ui.inverted.secondary.basic.buttons .button, +.ui.inverted.secondary.buttons .basic.button, +.ui.inverted.secondary.basic.button { + background-color: transparent; + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + color: #FFFFFF !important; +} +.ui.inverted.secondary.basic.buttons .button:hover, +.ui.inverted.secondary.buttons .basic.button:hover, +.ui.inverted.secondary.basic.button:hover { + -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important; + box-shadow: 0px 0px 0px 2px #616161 inset !important; + color: #545454 !important; +} +.ui.inverted.secondary.basic.buttons .button:focus, +.ui.inverted.secondary.basic.buttons .button:focus, +.ui.inverted.secondary.basic.button:focus { + -webkit-box-shadow: 0px 0px 0px 2px #686868 inset !important; + box-shadow: 0px 0px 0px 2px #686868 inset !important; + color: #545454 !important; +} +.ui.inverted.secondary.basic.buttons .active.button, +.ui.inverted.secondary.buttons .basic.active.button, +.ui.inverted.secondary.basic.active.button { + -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important; + box-shadow: 0px 0px 0px 2px #616161 inset !important; + color: #545454 !important; +} +.ui.inverted.secondary.basic.buttons .button:active, +.ui.inverted.secondary.buttons .basic.button:active, +.ui.inverted.secondary.basic.button:active { + -webkit-box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; + box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; + color: #545454 !important; +} + +/*--------------- + Positive +----------------*/ + + +/* Standard */ +.ui.positive.buttons .button, +.ui.positive.button { + background-color: #21BA45; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.positive.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.positive.buttons .button:hover, +.ui.positive.button:hover { + background-color: #16ab39; + color: #FFFFFF; + text-shadow: none; +} +.ui.positive.buttons .button:focus, +.ui.positive.button:focus { + background-color: #0ea432; + color: #FFFFFF; + text-shadow: none; +} +.ui.positive.buttons .button:active, +.ui.positive.button:active { + background-color: #198f35; + color: #FFFFFF; + text-shadow: none; +} +.ui.positive.buttons .active.button, +.ui.positive.buttons .active.button:active, +.ui.positive.active.button, +.ui.positive.button .active.button:active { + background-color: #13ae38; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.positive.buttons .button, +.ui.basic.positive.button { + -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important; + box-shadow: 0px 0px 0px 1px #21BA45 inset !important; + color: #21BA45 !important; +} +.ui.basic.positive.buttons .button:hover, +.ui.basic.positive.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important; + box-shadow: 0px 0px 0px 1px #16ab39 inset !important; + color: #16ab39 !important; +} +.ui.basic.positive.buttons .button:focus, +.ui.basic.positive.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important; + box-shadow: 0px 0px 0px 1px #0ea432 inset !important; + color: #16ab39 !important; +} +.ui.basic.positive.buttons .active.button, +.ui.basic.positive.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; + box-shadow: 0px 0px 0px 1px #13ae38 inset !important; + color: #198f35 !important; +} +.ui.basic.positive.buttons .button:active, +.ui.basic.positive.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; + box-shadow: 0px 0px 0px 1px #198f35 inset !important; + color: #198f35 !important; +} +.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { + margin-left: -1px; +} + +/*--------------- + Negative +----------------*/ + + +/* Standard */ +.ui.negative.buttons .button, +.ui.negative.button { + background-color: #DB2828; + color: #FFFFFF; + text-shadow: none; + background-image: none; +} +.ui.negative.button { + -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.negative.buttons .button:hover, +.ui.negative.button:hover { + background-color: #d01919; + color: #FFFFFF; + text-shadow: none; +} +.ui.negative.buttons .button:focus, +.ui.negative.button:focus { + background-color: #ca1010; + color: #FFFFFF; + text-shadow: none; +} +.ui.negative.buttons .button:active, +.ui.negative.button:active { + background-color: #b21e1e; + color: #FFFFFF; + text-shadow: none; +} +.ui.negative.buttons .active.button, +.ui.negative.buttons .active.button:active, +.ui.negative.active.button, +.ui.negative.button .active.button:active { + background-color: #d41515; + color: #FFFFFF; + text-shadow: none; +} + +/* Basic */ +.ui.basic.negative.buttons .button, +.ui.basic.negative.button { + -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important; + box-shadow: 0px 0px 0px 1px #DB2828 inset !important; + color: #DB2828 !important; +} +.ui.basic.negative.buttons .button:hover, +.ui.basic.negative.button:hover { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important; + box-shadow: 0px 0px 0px 1px #d01919 inset !important; + color: #d01919 !important; +} +.ui.basic.negative.buttons .button:focus, +.ui.basic.negative.button:focus { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important; + box-shadow: 0px 0px 0px 1px #ca1010 inset !important; + color: #d01919 !important; +} +.ui.basic.negative.buttons .active.button, +.ui.basic.negative.active.button { + background: transparent !important; + -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; + box-shadow: 0px 0px 0px 1px #d41515 inset !important; + color: #b21e1e !important; +} +.ui.basic.negative.buttons .button:active, +.ui.basic.negative.button:active { + -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; + box-shadow: 0px 0px 0px 1px #b21e1e inset !important; + color: #b21e1e !important; +} +.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { + margin-left: -1px; +} + + +/******************************* + Groups +*******************************/ + +.ui.buttons { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + font-size: 0em; + vertical-align: baseline; + margin: 0em 0.25em 0em 0em; +} +.ui.buttons:not(.basic):not(.inverted) { + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Clearfix */ +.ui.buttons:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +/* Standard Group */ +.ui.buttons .button { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + margin: 0em; + border-radius: 0em; + margin: 0px 0px 0px 0px; +} +.ui.buttons > .ui.button:not(.basic):not(.inverted), +.ui.buttons:not(.basic):not(.inverted) > .button { + -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +} +.ui.buttons .button:first-child { + border-left: none; + margin-left: 0em; + border-top-left-radius: 0.28571429rem; + border-bottom-left-radius: 0.28571429rem; +} +.ui.buttons .button:last-child { + border-top-right-radius: 0.28571429rem; + border-bottom-right-radius: 0.28571429rem; +} + +/* Vertical Style */ +.ui.vertical.buttons { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.ui.vertical.buttons .button { + display: block; + float: none; + width: 100%; + margin: 0px 0px 0px 0px; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0em; +} +.ui.vertical.buttons .button:first-child { + border-top-left-radius: 0.28571429rem; + border-top-right-radius: 0.28571429rem; +} +.ui.vertical.buttons .button:last-child { + margin-bottom: 0px; + border-bottom-left-radius: 0.28571429rem; + border-bottom-right-radius: 0.28571429rem; +} +.ui.vertical.buttons .button:only-child { + border-radius: 0.28571429rem; +} + + +/******************************* + Theme Overrides +*******************************/ + + + +/******************************* + Site Overrides +*******************************/ + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/container.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/container.css new file mode 100644 index 00000000..9f59ae5c --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/container.css @@ -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 +*******************************/ + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/divider.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/divider.css new file mode 100644 index 00000000..dc680285 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/divider.css @@ -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 +*******************************/ + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.css new file mode 100644 index 00000000..7287b755 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.css @@ -0,0 +1,2616 @@ + +/******************************* + Global +*******************************/ + +/* Regular */ +@font-face { + font-family: 'Lato'; + src: + url('./Lato-Regular.woff2') format('woff2') + ; + font-style: normal; + font-weight: normal; +} +@font-face { + font-family: 'Lato'; + src: + url('./Lato-Italic.woff2') format('woff2') + ; + font-style: italic; + font-weight: normal; +} + +/* Bold */ +@font-face { + font-family: 'Lato'; + src: + url('./Lato-Bold.woff2') format('woff2') + ; + font-style: normal; + font-weight: 700; +} +@font-face { + font-family: 'Lato'; + src: + url('./Lato-BoldItalic.woff2') format('woff2') + ; + font-style: italic; + font-weight: 700; +} + + +/*-------------- + Page +---------------*/ + +ul.list { + list-style-type: disc; +} +ul.list li { + list-style-position: outside; +} + +p { + margin: 1em 0em; +} +p:first-child { + margin-top: 0em; +} +p:last-child { + margin-bottom: 0em; +} + + +/*---------------- + Footer +-----------------*/ + +#example > .pusher > .footer { + margin: 0em; + border-radius: 0em; + padding: 4em 0em 4em 0em; +} + +/*-------------- + Code +---------------*/ + +/* Inline Code */ +pre { + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; +} +pre { + background-color: #FFFFFF; + text-align: left; +} + + +/*rtl:ignore*/ +pre.console { + background-color: transparent; + line-height: 1.6; + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; + height: 300px; + overflow: auto; + direction:ltr; +} +code { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 3px; + display: inline-block; + font-family: "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace; + font-size: 0.875em; + font-weight: bold; + padding: 1px 6px; + vertical-align: baseline; +} +pre code { + border: none; + padding: 0px; + font-size: 1em; +} + +blockquote { + border-left: 4px solid #777777; + font-size: 16px; + line-height: 1.5; + padding: 0em 2em; + margin: 1em 0em 2em; +} +blockquote p { + line-height: inherit; +} +blockquote .author { + display: block; + margin: 1em 0em 0em; + font-weight: bold; +} + +/* Code Inside Message */ +.ui.message > p > code, +.ui.message > code { + background-color: rgba(0, 0, 0, 0.06); + line-height: 1; + padding: 3px 4px; +} + + +/*-------------- + Docs Icon +---------------*/ + + +/* Replace Code Icon */ +@font-face { + font-family: 'Docs Code'; + src: + url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/LYAAAC8AAAAYGNtYXAaVcxXAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zl4DICgAAAFwAAAAeGhlYWQCOGXvAAAB6AAAADZoaGVhA6IB5gAAAiAAAAAkaG10eALAAAAAAAJEAAAAFGxvY2EAKABQAAACWAAAAAxtYXhwAAgAEAAAAmQAAAAgbmFtZVcZpu4AAAKEAAABRXBvc3QAAwAAAAADzAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYA//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAAAEABwAGAAAYADQAAAQcXBxc3JyMHFzcnNycBMDBwcDCQkKCQkDBwcDABgDBwcDCgoKCgMHBwMAAAAQAAAAEAAH1wL6hfDzz1AAsCAAAAAADQrRK5AAAAANCtErkAAAAAAcABgAAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAABwAABAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAEAAAABwAAAAAAAAAAKABQAHgA8AAEAAAAFAA4AAgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), + url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQ4AAsAAAAAA+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgCCL8tmNtYXAAAAFoAAAATAAAAEwaVcxXZ2FzcAAAAbQAAAAIAAAACAAAABBnbHlmAAABvAAAAHgAAAB4XgMgKGhlYWQAAAI0AAAANgAAADYCOGXvaGhlYQAAAmwAAAAkAAAAJAOiAeZobXR4AAACkAAAABQAAAAUAsAAAGxvY2EAAAKkAAAADAAAAAwAKABQbWF4cAAAArAAAAAgAAAAIAAIABBuYW1lAAAC0AAAAUUAAAFFVxmm7nBvc3QAAAQYAAAAIAAAACAAAwAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gAB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmAP/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAABAAcABgAAGAA0AAAEHFwcXNycjBxc3JzcnATAwcHAwkJCgkJAwcHAwAYAwcHAwoKCgoDBwcDAAAAEAAAABAAB9cC+oXw889QALAgAAAAAA0K0SuQAAAADQrRK5AAAAAAHAAYAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAcAAAQAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAABAAAAAcAAAAAAAAAACgAUAB4APAABAAAABQAOAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); + font-weight: normal; + font-style: normal; +} + +#example .example i.code.icon:before { + font-family: 'Docs Code'; + content: "\e600"; + vertical-align: top; +} + + +/*-------------- + Sidebar +---------------*/ + + +#example .ui.sidebar.menu .item { + will-change: transform; +} + +#example .sidebar.menu .logo.image, +#example .ui.menu .logo.image { + width: 35px; + margin-right: 1em; +} + +#example #toc > * { + will-change: transform; +} +#example #toc > :last-child { + padding-bottom: 2em; +} + + +#example #toc > .ui.menu { + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +/* Incomplete Label */ +#example #toc .item .circular.label { + position: absolute; + top: 0.75rem; + right: 1em; + opacity: 0.2; + transition: background 0.3s ease; +} +#example #toc .item.active > .circular.label, +#example #toc .item:hover > .circular.label { + opacity: 0.8; +} + +/* Hidden Items */ +#example #toc .hide.item { + display: none; +} + +/* Sidebar Header */ +#example #toc .inverted.header { + font-size: 1em; + font-weight: normal; + color: rgba(255, 255, 255, 0.8); + margin-bottom: 0.5em; +} +#example #toc a.inverted.header.active, +#example #toc a.inverted.header:hover { + color: rgba(255, 255, 255, 1); +} +#example #toc .menu .active.item { + color: #FFF; +} + +/*-------------- + Page Headers +---------------*/ + +#example .masthead.segment { + position: relative; + z-index: 3; + margin: 0em; + min-height: 185px; + padding: 3em 0em; + background-color: #FFFFFF; + border-bottom: 1px solid #DDDDDD; + box-shadow: none; +} + +#example .masthead .introduction { + display: block; +} +#example .masthead .introduction:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#example .masthead.segment h1 { + margin: 0em; +} + +#example .masthead iframe.github { + width: 101px !important; +} +#example .masthead iframe { + margin-left: 5px; + float: right; +} + +/* Align with buttons */ +#example .masthead .main.menu { + margin-top: -2px; + min-height: 0em; +} +#example .masthead .main.menu > .item { + padding-top: 0.785714em; + padding-bottom: 0.785714em; +} + +/*-------------- + Languages +---------------*/ + +#example .language.dropdown.button { + margin-top: 0.3em; +} +#example .language.dropdown > .text .description { + color: rgba(255, 255, 255, 0.4); +} +#example .language.dropdown > .menu { + width: 280px; +} + +/*-------------- + Page Tabs +---------------*/ + +#example .tab.masthead.segment { + display: block; + padding-bottom: 0em; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset; +} +#example .tab.masthead.segment .vertical.menu { + display: none; + margin: 2rem 0em 1rem; +} +#example .tab.masthead.segment .tabular.menu { + margin: 3rem 0px 0em; + border-bottom: none; +} +#example .tab.masthead.segment .tabular.menu .active.item { + background-color: #F7F7F7; +} + +/*-------------- + Ad Beg +---------------*/ + +#example .beg.segment { + background-color: #F9F5F5; + padding: 2em 3em; +} +#example .beg.segment .delete.icon { + position: absolute; + top: 1.5em; + right: 1.5em; +} +#example .beg.segment .ui.header { + margin: 0 !important; +} + +/*-------------- + Download +---------------*/ + +/* Download Popup */ +#example .masthead.segment .download.popup { + width: 400px; +} +#example .masthead.segment .download.popup .check.icon { + margin-left: -1em; +} +#example .masthead.segment .download.popup .framework.grid, +#example .masthead.segment .download.popup .standalone.grid, +#example .masthead.segment .download.popup .integration.grid, +#example .masthead.segment .download.popup .link.grid { + display: none; +} + + +/* lists */ +#example .features { + list-style-position: inside; + margin: 10px 0px 0px; + padding: 0px; +} +#example .features li { + list-style-type: disc; + margin: 0px 0px 10px; + font-weight: bold; +} + + +#example .main.container a.anchor { + height: 1px; + position: absolute; + right: 100%; + top: -2.5em; + width: 1px; +} + + +/*-------------- + Fixed Columns +---------------*/ + +#example .fixed.column { + position: absolute; + right: -0.5em; + top: 0px; + width: 250px; + padding-top: 2em; +} +#example .fixed.column + .examples { + margin-right: 280px; +} + +#example .tab.masthead .item.menu { + margin: 3rem 0rem 2rem; +} + +#example .tab.masthead.segment .fixed .tabular.menu { + position: fixed; + top: 50px; +} +#example .fixed .launch { + display: none; +} +#example .fixed.column .sticky { + margin-top: 0em; +} + +/*-------------- + Fixed Menu +---------------*/ + +#example .main.menu .title.item b { + margin-right: 0.5em; +} +#example .fixed.main.menu .launch.item { + display: block; +} +#example .fixed.main.menu .search .icon { + opacity: 0.9; +} + + +/*-------------- + Sidebar Button +---------------*/ + +#example .fixed.launch.button { + display: none; + position: fixed; + top: 2.5em; + left: 0px; + + width: 55px; + height: auto; + white-space: nowrap; + overflow: hidden; + -webkit-transition: + 0.3s width ease, + 0.5s transform ease + ; + -moz-transition: + 0.3s width ease, + 0.5s transform ease + ; + -o-transition: + 0.3s width ease, + 0.5s transform ease + ; + -ms-transition: + 0.3s width ease, + 0.5s transform ease + ; + transition: + 0.3s width ease, + 0.5s transform ease + ; +} +#example .launch.button .icon { + margin-left: 0px; +} + + +#example .fixed.launch.button .text { + position: absolute; + white-space: nowrap; + top: auto; + left: 54px; + opacity: 0; + -webkit-transition: + 0.3s opacity 0.3s + ; + -moz-transition: + 0.3s opacity 0.3s + ; + -o-transition: + 0.3s opacity 0.3s + ; + -ms-transition: + 0.3s opacity 0.3s + ; + transition: + 0.3s opacity 0.3s + ; +} +#example .fixed.launch.button:hover { + width: 130px; +} +#example .fixed.launch.button:hover .text { + opacity: 1; +} + +/* Position Change */ +#example.pushable.left.overlay .fixed.launch.button { + transform: translate3d(0, 0, 0); +} +#example.pushable.overlay.left.pushed .fixed.launch.button { + transform: translate3d(260px, 0, 0); +} + + +/******************************* + Alternate Layouts +*******************************/ + +/*---------------- + Wide Layout +-----------------*/ + +#example.wide .main.container { + max-width: 1200px !important; +} + +/*---------------- + Basic Layout +-----------------*/ + +#example.basic .fixed.menu > .container, +#example.basic .main.container, +#example.basic .masthead > .container { + position: relative; + width: 700px !important; + left: 0px; + margin-right: 4em !important; +} + +#example.basic .main.container > .rail, +#example.basic .main.container > .tab > .rail { + display: none !important; +} +#example .main.container .introduction p, +#example .main.container .tab > p, +#example .main.container .example > p, +#example .main.container > p { + font-size: 16px; + line-height: 1.5; + color: rgba(0, 0, 0, 0.8); +} + +/* Link Styles */ +#example .main.container > p a, +#example .main.container > .tab > p a, +#example .main.container .example > .ignored a, +#example .main.container .example > p a { + display: inline-block; + position: relative; + overflow: hidden; + vertical-align: top; + z-index: 0; + -webkit-transition: color 0.2s; + transition: color 0.2s; + outline: none; +} +#example .main.container > p a > code, +#example .main.container > .tab > p a > code, +#example .main.container .example > .ignored a > code, +#example .main.container .example > p a > code { + background-color: rgba(0, 50, 100, 0.08); +} +#example .main.container > p a:before, +#example .main.container > .tab > p a:before, +#example .main.container .example > .ignored a:before, +#example .main.container .example > p a:before, +#example .main.container .code .value a:before { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #4183C4; + content: ''; + -webkit-transition: all 0.2s; + -webkit-backface-visibility: hidden; + transition: all 0.2s; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); +} + +/* Not on UI */ +#example .main.container .example > .ignored a.ui:before { + display: none; +} + +/* Hover */ +#example .main.container > p a:hover > code, +#example .main.container > .tab > p a:hover > code, +#example .main.container .example > .ignored a:hover > code, +#example .main.container .example > p a:hover > code { + background-color: rgba(0, 50, 100, 0.12); +} +#example .main.container > p a:hover:before, +#example .main.container > p a:focus:before, +#example .main.container > .tab > p a:hover:before, +#example .main.container > .tab > p a:focus:before, +#example .main.container .example > .ignored a:hover:before, +#example .main.container .example > .ignored a:focus:before, +#example .main.container .example > p a:hover:before, +#example .main.container .example > p a:focus:before, +#example .main.container .code .value a:hover:before { + background-color: #2C76BF; + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +#example .ui.ad { + max-width: 100%; +} + +/*---------------- + Minimal Layout +-----------------*/ + + +/* Always Hidden Sidebar */ +#example.minimal.basic > .launch.button { + display: block; +} +#example.minimal.basic .full.height > .toc { + display: none; +} +#example.minimal.basic .full.height > .article { + margin-left: 0px; +} +#example.minimal.basic .fixed.menu > .container, +#example.minimal.basic .main.container, +#example.minimal.basic .masthead > .container, +#example.minimal.basic .footer > .container { + position: relative; + width: 700px !important; + left: 0px; + margin-left: auto !important; + margin-right: auto !important; +} +#example.minimal > .pusher > .footer { + padding-left: 0 !important; + padding-right: 0 !important; +} + +@media only screen and (max-width: 820px) { + + #example.minimal.basic .fixed.menu > .container, + #example.minimal.basic .main.container, + #example.minimal.basic .masthead > .container, + #example.minimal.basic .footer > .container { + width: auto !important; + margin-left: 1em !important; + margin-right: 1em !important; + } +} + + + +/*---------------- + Settings Table +-----------------*/ + +#example .settings.table { + margin-bottom: 20px; +} +#example .settings.table td:first-child { + font-weight: bold; +} +#example .settings.table td:nth-child(2n) { + width: 100px; +} + +/*---------------- + Code Samples +-----------------*/ + +#example .segment pre { + background-color: transparent; + margin: 0em; + padding: 0em; +} +#example .segment pre .code { + margin: 0em; + padding: 0em; + max-height: 610px; + font-weight: normal; + transform: rotateZ(0deg); + -ms-transform: none !important; + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; +} + +#example table .instructive.segment { + background-color: transparent; + border: 0px; + box-shadow: none; + padding: 0em; +} + +#example .ui.label + .instructive.segment { + margin-top: 0em; +} +#example .instructive.segment:after { + display: none; +} +#example .existing.segment em, +#example .instructive.segment em { + font-style: normal; + color: rgba(0, 0, 0, 0.4); +} +#example .existing.segment .title + em, +#example .instructive.segment .title + em { + position: absolute; + right: 1em; +} +#example .label + .code { + margin-top: 1.5em; +} + +/*---------------- + Examples +-----------------*/ + +#example .example { + margin: 2em 0em; + padding: 2em 0em; + position: relative; + -webkit-tap-highlight-color: transparent; +} +#example .example > .ignored.message, +#example .example > .ignore.message, +#example .example > p { + max-width: 700px; +} + +#example .example:last-child { + margin-bottom: none; +} + +/* Header */ +#example .example > h4:first-child { + font-size: 18px; + margin: 0em 0em 0em; +} + +/* Wireframe Image */ +#example .example .wireframe.image { + opacity: 0.5; +} +#example .example .accordion .content > .wireframe.image { + opacity: 0.5 !important; +} +#example .example :not(.images) > .wireframe.image { + margin-top: 1rem; + margin-bottom: 1rem; +} +#example .example :not(.images) > .wireframe.image:first-child { + margin-top: 0em; +} +#example .example :not(.images) > .wireframe.image:last-child { + margin-bottom: 0em; +} + +/* Description */ +#example .example .anchor + p { + margin-top: 0; + padding-bottom: 1em; +} +#example .no.example .anchor + p { + margin: 0em 0px 1em; + padding-bottom: 0em; +} +#example .example > p { + color: rgba(0, 0, 0, 0.8); +} + +/* Message */ +#example .example .anchor + p + .ignored.message:not(.attached), +#example .example .anchor + p + .ignored.message + .ignored.message:not(.attached) { + margin: 0em 0 2em; +} + +#example .pushing.example .rail .sticky { + margin: 2em 0em; +} + +#example .inline.example > .segment > .sticky.fixed { + background-color: #FFFFFF; +} +#example .inline.example > .segment > .sticky.fixed + * { + margin-top: 39px; +} + + +/* Another */ +#example .another.example { + margin-top: 0em; + padding-top: 2em; +} + +/* Spaced */ +#example .spaced.example .buttons, +#example .spaced.example .button { + margin-bottom: 0.75em; +} +#example .spaced.example .buttons .button { + margin-bottom: 0em; +} +#example .example .toggle.button { + min-width: 100px; +} + +/* Examples Tab */ +#example .tab[data-tab*="examples"] .example > p, +#example .examples.tab .example > p { + margin: 1em 0em; +} +#example .tab[data-tab*="examples"] .example .anchor + p, +#example .examples.tab .example .anchor + p { + padding: 0em; +} + +/* Intro Tab */ +#example .intro > h3.ui.header { + margin-top: 4em; +} +#example .intro .example .anchor + p { + margin-top: 0.5em; +} +#example .intro .example > p { + color: rgba(0, 0, 0, 0.8); +} + + +#example .existing.segment:after, +#example .instructive.segment:after { + display: none; +} + +/*---------------- + Example Types +-----------------*/ + +/* No Example */ +#example .no.example i.code { + display: none; +} + +#example .fixed.example iframe { + border: none; + width: 100%; + height: 350px; +} +/* Stretched Example */ + +#example .stretched.example .column img { + /* This is only necessary for IE which doesnt respect img intrinsic aspect ratios */ + max-height: 225px; +} + +#example .clear.dropdown .dropdown { + vertical-align: middle; +} + + +/* Requires Clear */ +#example .clearing.example { + overflow: hidden; + clear: both; + padding-left: 1px; + padding-right: 1px; + padding-bottom: 1px; +} +#example .piled.example { + position: relative; + z-index: 1; +} +#example .main.container:after { + content: ''; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} +#example .example-group { + position: relative; +} +#example .main.container > .tab { + position: relative; +} + +#example .main.container .examples > h2, +#example .main.container > h2, +#example .main.container > .tab > h2{ + position: relative; + margin: 5rem 0rem 3rem; +} +#example .main.container .examples > h3, +#example .main.container > h3, +#example .main.container > .tab > h3{ + position: relative; + margin: 3rem 0rem 2rem; +} +#example .main.container .examples > .rail + h2, +#example .main.container > .rail + h2, +#example .main.container > .tab > .rail + h2, +#example .main.container .examples > h2:first-child, +#example .main.container > h2:first-child, +#example .main.container > .tab > h2:first-child { + margin-top: 0em; +} + +/* After Section Header */ +#example .example:first-child, +#example h2 + .example, +#example h3 + .example, +#example h4 + .example { + margin-top: 0px; +} +#example .example:first-child i.code, +#example h2 + .example i.code, +#example h3 + .example i.code, +#example h4 + .example i.code { + top: 0.75em; +} +#example .another.example i.code { + top: -0.5em; +} + +/* Spaced */ +#example .spaced.example .buttons, +#example .spaced.example .button { + margin-bottom: 0.75em; +} +#example .spaced.example .buttons .button { + margin-bottom: 0em; +} +#example .example .toggle.button { + min-width: 200px; +} + +/* Code Language */ +#example .example .language.label { + margin: 1em 0em 0.75em; +} + + +/*-------------- + Code Button +---------------*/ + +#example .example i.code { + cursor: pointer; + position: absolute; + + top: 2rem; + right: 0rem; + margin: 0; + opacity: 0.5; + + font-size: 20px; + color: #000000; + + -webkit-transition: opacity 0.3s ease-out; + -moz-transition: opacity 0.3s ease-out; + -o-transition: opacity 0.3s ease-out; + -ms-transition: opacity 0.3s ease-out; + transition: opacity 0.3s ease-out; +} + +/*#example .example i.code:before {*/ + /*font-family: 'Docs';*/ + /*content: "\e600";*/ +/*}*/ +#example .example:hover i.code { + opacity: 0.85; +} +#example .example:hover i.code:hover { + opacity: 1; +} +#example .example .grid i.code { + right: 25%; +} + +#example .pointing.label + .existing.segment { + margin-top: 0em; +} +#example .existing.code { + display: none; +} + +/* Code Annotation */ +#example .example .annotation { + margin: 0em; +} +#example .annotation pre code { + min-width: 500px; + overflow: auto; + -webkit-overflow-scrolling: touch; +} + + +#example .transition.example .ui.button { + margin-bottom: 0.5em; +} + +/* HTML Wrapper */ +#example .example > .html { + padding: 0em; + transition: + box-shadow 0.2s ease, + padding 0.2s ease + ; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); +} +#example .example > .html > .top.attached.label { + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; + display: none; + background-color: #F8F8F8; + box-shadow: 0px 0px 0px 1px #DDDDDD; +} +#example .example > .html > .top.attached.label .copy { + position: absolute; + top: 9px; + right: 8px; + color: #AAAAAA; +} +#example .example > .html > .top.attached.label .copy:hover { + color: #666666; +} +#example .example > .empty.html.segment { + padding: 1.15em 1em 1em; +} +#example .example > .html.segment:after { + content: ''; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +#example .example > .html.segment > .attached.label { + display: block; +} +#example .example > .html.segment > .attached.label .copy { + float: right; +} +#example .example > .html.segment { + padding: 3.5em 1em 1em; +} +#example .example .instructive.segment { + margin-top: -1px; +} + +/* Fixes for UI */ +#example .segment > .dimmer { + z-index: 800; +} +#example .code .active.ui.modal { + display: none !important; +} +#example .example .circular.segment { + width: 175px; + height: 175px; +} +#example .example .annotation.visible + .icon.buttons { + margin-top: 1rem; +} + + +/******************************* + UI Pages +*******************************/ + + +/*---------------- + Getting Started +-----------------*/ + +#example.started .tab.segment > .example:first-child { + margin-top: 0em; + padding-top: 0em; +} +#example.started .tab.segment > .example:last-child { + margin-bottom: 0em; + padding-bottom: 0em; +} + +/*---------------- + Theming +-----------------*/ + +#example.theming .main.container .button { + margin-bottom: 0.4em; +} +#example.theming .variable.grid .segment { + display: block; + width: 100%; + height: 500px; + overflow: auto; +} + +/*-------------- + Content Loader +---------------*/ +#example .content.example .ignored.card { + display: none; +} +#example .content.example .card .image + .content { + min-height: 94px; +} + +/*-------------- + Colored +---------------*/ + +#example .colored.example .label, +#example .colored.example .button, +#example .colored.example .menu { + margin-bottom: 0.5em; +} +#example .colored.example .menu { + margin-right: 0.5em; +} +#example .colored.example .attached.label { + margin-bottom: 0em; +} + +/*-------------- + Callback +---------------*/ + +#example .callback.example .console { + height: 350px; + overflow: auto; +} + +/*-------------- + Fitted +---------------*/ + +#example .fitted.example .segment { + line-height: 1; +} + +/*-------------- + Grid +---------------*/ + +#example .highlighted.example .grid { + position: relative; +} +#example .highlighted.example .grid:before { + position: absolute; + top: 1rem; + left: 1rem; + background-color: #FAFAFA; + content: ''; + width: calc(100% - 2rem); + height: calc(100% - 2rem); + box-shadow: 0px 0px 0px 1px #DDDDDD inset; +} +#example .highlighted.example .relaxed.grid:before { + width: calc(100% - 3rem); + left: 1.5em; +} +/* Consecutive */ +#example .highlighted.example > .grid + .grid { + margin-top: 1rem; +} + +#example .highlighted.example .grid .grid:before { + background-color: #F0F0F0; +} +#example .highlighted.example .row { + position: relative; +} + +#example .highlighted.example .grid > .column { + position: relative; + z-index: 11; +} +#example .highlighted.example .grid .column:not(.row):not(.grid):after { + background-color: rgba(86, 61, 124, .1); + -webkit-box-shadow: 0px 0px 0px 1px rgba(86, 61, 124, 0.2) inset; + box-shadow: 0px 0px 0px 1px rgba(86, 61, 124, 0.2) inset; + content: ""; + display: block; + min-height: 50px; +} +#example .highlighted.example .grid .column:not(.grid):first-child, +#example .ui.type.cards .image .grid .column:not(.grid):first-child { + box-shadow: none; +} +#example .highlighted.example .grid .column:not(.grid), +#example .ui.type.cards .image .grid .column:not(.grid) { + min-height: 50px; +} +#example .highlighted.example .grid .segment, +#example .ui.type.cards .image .grid .segment { + border-radius: 0px; + box-shadow: 0 0 0 1px #D4D4D4; +} +#example .negative.example > .button { + position: relative; + z-index: 100; + margin: 0px 1px; +} + +/* Nested Grid Example */ +#example .highlighted.special.example .ui.grid > .column:first-child:after, +#example .highlighted.special.example .ui.grid > .column:last-child:after { + display: none; +} +#example .highlighted.special.example .ui.grid .grid .column:not(.row):not(.grid):after { + display: block; + background-color: rgba(186, 61, 84, 0.1); + -webkit-box-shadow: 0 0 0 1px rgba(186, 61, 84, 0.2) inset; + box-shadow: 0 0 0 1px rgba(186, 61, 84, 0.2) inset; +} + + +#example.animated .negative.example > .grid { + margin: -1rem !important; + background-color: #FFEEEE; +} + +#example .colored.example .column { + padding-top: 2em; + padding-bottom: 2em; +} + +/* Animation */ +#example.animated .highlighted.example .html > .grid, +#example.animated .animated.example .html > .grid, +#example.animated .highlighted.example > .grid, +#example.animated .animated.example > .grid { + margin: -1rem auto; + -webkit-animation: grid 7s ease infinite; + -moz-animation: grid 7s ease infinite; + animation: grid 7s ease infinite; +} +#example.animated .negative.example .html > .grid, +#example.animated .negative.example > .grid { + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + animation: none; +} +/* Grid Inside Grid */ +#example.animated .highlighted.example .grid .grid, +#example.animated .animated.example .grid .grid { + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + animation: none; +} + +#example .ui.table .help.icon { + float: right; +} + +#example.site .colors.example .column { + padding: 50px 0px; + text-align: center; + color: #FFFFFF; + font-weight: bold; +} + +@-webkit-keyframes grid { + 0% { + width: 100%; + } + 45% { + width: 90%; + } + 55% { + width: 90%; + } + 100% { + width: 100%; + } +} +@-moz-keyframes grid { + 0% { + width: 100%; + } + 45% { + width: 90%; + } + 55% { + width: 90%; + } + 100% { + width: 100%; + } +} +@keyframes grid { + 0% { + width: 100%; + } + 45% { + width: 90%; + } + 55% { + width: 90%; + } + 100% { + width: 100%; + } +} + +#example .layered.example { + z-index: 1; +} + +/*-------------- + Demo +---------------*/ + +#example .demo.container .button.demo > .buttons, +#example .demo.container .button.demo > .button, +#example .demo.container .button.demo > .segment > .button { + margin-bottom: 0.5em; +} +#example .demo.container h4:first-child { + font-weight: bold !important; + margin: 0em 0em 1em !important; + font-size: 18px; +} +#example .demo.container .example:first-child { + margin-top: 0; + padding-top: 0; +} +#example .demo.container .segment.example { + z-index: 1; +} +#example .demo.container > .ui.label:not(.empty) { + margin-bottom: 1em; +} +#example .demo.container .segment .ui.label { + margin-bottom: 0em; +} + +/*-------------- + New +---------------*/ + +.complex-popup.example #one { + display: block; + position: relative; + padding: 50px 100px; + background-color: #F0F0F0; +} +.complex-popup.example #two { + display: block; + background-color: #E2EAE4; + position: relative; + top: 10px; + padding: 50px 8px; +} + + +/*-------------- + Visibility +---------------*/ + +/* static */ +.visibility.example .overlay { + padding: 0em; + box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); + transition: + padding 0.5s ease + ; + background: transparent; +} +.visibility.example .overlay.fixed + .placeholder { + display: none; +} +/* fixed */ +.visibility.example .overlay.fixed { + position: fixed; + background-color: #FFFFFF; + padding: 1em; + box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); + z-index: 10; +} +.visibility.example .overlay.fixed + .placeholder { + display: block; + height: 28px; +} + +/* Flash Animation */ +.main.container .highlight { + -moz-animation: highlight 2s ease-out; + -moz-animation-iteration-count: 1; + -webkit-animation: highlight 2s ease-out; + -webkit-animation-iteration-count: 1; + -ms-animation: highlight 2s ease-out; + -ms-animation-iteration-count: 1; + animation: highlight 2s ease-out; + animation-iteration-count: 1; +} + +@-webkit-keyframes highlight { + 0% { + background-color: none; + } + 30% { + background-color: #ffff00; + } + 100% { + background-color: none; + } +} + +@-moz-keyframes highlight { + 0% { + background-color: none; + } + 30% { + background-color: #ffff00; + } + 100% { + background-color: none; + } +} + +@-ms-keyframes highlight { + 0% { + background-color: none; + } + 30% { + background-color: #ffff00; + } + 100% { + background-color: none; + } +} + + +/*-------------- + Progress +---------------*/ + + +body.progress.animated .ui.progress .bar { + -webkit-animation: finish 10s ease-in-out infinite; + -moz-animation: finish 10s ease-in-out infinite; + -ms-animation: finish 10s ease-in-out infinite; + animation: finish 10s ease-in-out infinite; +} + +/*-------------- + Divider +---------------*/ + +#example.divider .ui.grid { + position: relative; +} + +/*-------------- + Header +---------------*/ + +#example.header .wireframe.image { + max-width: 500px; +} + +/*-------------- + Modal +---------------*/ + +#example.modal-page .main.container { + z-index: auto; +} + +/*-------------- + Popup +---------------*/ + +#example.popup .inline.example .popup { + color: #FF0000; +} +#example .position.example .icon { + position: absolute; + margin: 0em; + width: auto; + font-size: 1.5em; + height: auto; + padding: 0.5em !important; +} +#example .position.example .segment:not(.instructive) { + width: 250px; + height: 250px; +} +#example .position.example .segment .icon:nth-of-type(1) { + top: 0em; + left: 0em; +} +#example .position.example .segment .icon:nth-of-type(2) { + top: 0em; + left: 50%; + margin-left: -1em; +} +#example .position.example .segment .icon:nth-of-type(3) { + top: 0em; + right: 0em; +} +#example .position.example .segment .icon:nth-of-type(4) { + top: 50%; + margin-top: -1em; + right: 0em; +} +#example .position.example .segment .icon:nth-of-type(5) { + bottom: 0em; + right: 0em; +} +#example .position.example .segment .icon:nth-of-type(6) { + bottom: 0em; + left: 50%; + margin-left: -1em; +} +#example .position.example .segment .icon:nth-of-type(7) { + bottom: 0em; + left: 0em; +} +#example .position.example .segment .icon:nth-of-type(8) { + top: 50%; + margin-top: -1em; + left: 0em; +} + +#example .main.ui.grid { + position: relative; +} + +/*-------------- + Icon +---------------*/ + +#example iconSearch.ui.search { + float: right; + position: relative; + z-index: 3; +} +#example iconSearch .result i.icon { + font-size: 20px; + float: right; + margin-top: -5px; + margin-left: 11px; + color: #000000; +} + + +#example .icon.example .grid { + text-align: left; +} +#example .icon.example .grid .code { + position: static; +} +#example .icon.example .grid > .column { + opacity: 0.8; + text-align: center; + color: transparent; + + -moz-align-items: center; + -ms-align-items: center; + align-items: center; + + -webkit-transition: + color 0.3s ease, + opacity 0.3s ease + ; + -moz-transition: + color 0.3s ease, + opacity 0.3s ease + ; + -o-transition: + color 0.3s ease, + opacity 0.3s ease + ; + -ms-transition: + color 0.3s ease, + opacity 0.3s ease + ; + transition: + color 0.3s ease, + opacity 0.3s ease + ; +} +#example .icon.example .attached.segment .grid > .row > .column { + color: #555555; +} +#example .icon.example .column .icon { + opacity: 1; + height: 1em; + color: #333333; + display: block; + margin: 0em auto 0.25em; + font-size: 2em; + + -webkit-transition: + color 0.6s ease, + transform 0.2s ease + ; + -moz-transition: + color 0.6s ease, + transform 0.2s ease + ; + -o-transition: + color 0.6s ease, + transform 0.2s ease + ; + -ms-transition: + color 0.6s ease, + transform 0.2s ease + ; + transition: + color 0.6s ease, + transform 0.2s ease + ; +} +#example .icon.example .html.segment .grid .column, +#example .icon.example .grid:hover .column { + color: #777777; +} +#example .icon.example .grid:hover .column .icon { + color: #333333; +} + +#example .icon.example .grid .column:hover .icon { + color: #000000; + -webkit-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); +} +#example .icon.example .grid .column:hover { + opacity: 1; + color: #444444; +} +#example .another.icon.example { + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +#example .another.example i.code ~ .ignored.message { + margin: 0em 0em 2em; +} + +/*-------------- + List Page +---------------*/ + +#example .element.cards .image { + overflow: hidden; + min-height: 100px; +} +#example .collection.cards { + min-height: 350px; +} +#example .ui.type.cards > .item { + min-height: 255px; +} + +#example .ui.type.cards > .item > .image { + padding: 1em; + height: 165px; + vertical-align: middle; +} +/*-------------- + Header +---------------*/ + +#example.header .sizer { + padding: 1rem 0em; +} + +/*-------------- + Flag +---------------*/ + +#example.flag .basic.table tbody td:first-child { + width: 20px; +} + +/*-------------- + Feed +---------------*/ + +#example.feed .example .segment { + max-width: 800px; +} + + +/*-------------- + Search +---------------*/ + +.fixed.menu .right.searching.menu .borderless.item, +.fixed.menu .right.searching.menu .popup.item, +.fixed.menu .right.searching.menu .language.item { + display: none; +} + +#search input { + color: white; + width: 146px; + text-align: right; +} +#search.hidden input { + padding: 0 0.8em 0 0 !important; + width: 0; +} +#search .results { + margin-top: 1em; + border-radius: 0px 0px 3px 3px; +} +#search.ui.input input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.75); +} +#search.ui.input input::-moz-placeholder { + color: rgba(255, 255, 255, 0.75); +} + +#shortcuts.ui.modal .actions { + padding: 0; + border: none; + background: none; +} + +/******************************* + Code Samples +*******************************/ + + +code.code { + display: block; + overflow-x: auto; + padding: 0em; + color: #666; + background-color: transparent; + -webkit-text-size-adjust: none; +} + +/*-------------- + Hover Only +---------------*/ + +code.code, +code.code span { + -moz-transition: 0.5s color ease; + -webkit-transition: 0.5s color ease; + -ms-transition: 0.5s color ease; + transition: 0.5s color ease; +} +code.code { + color: #333333; +} + +code.code.xml { + color: #555555; +} +code.code.xml:hover { + color: #333333; +} + +/* Class Name */ +code .string, +code .tag .value, +code .phpdoc, +code .dartdoc, +code .tex .formula { + color: #008C79; +} +code:hover .string, +code:hover .tag .value, +code:hover .phpdoc, +code:hover .dartdoc, +code:hover .tex .formula { + color: #007b6b; +} + +/* Comment */ +code .comment, +code .template_comment, +code .diff .header, +code .javadoc { + color: #AAAAAA; + font-style: italic; +} + + +/* Properties */ +code .tag, +code .rules .property, +code .django .tag .keyword { + color: #858188; + font-weight: normal; +} + +code:hover .tag, +code:hover .rules .property, +code:hover .django .tag .keyword { + color: #892A6F; + font-weight: normal; +} + +/* HTML Tag */ +code .tag .title { + color: #858188; + font-weight: normal; +} +code:hover .tag .title { + color: #892A6F; +} + +/* Attribute */ +code .attribute, +code .variable, +code .lisp .body { + color: #8D8A8A; + transition: color 0.3s; +} +code:hover .attribute, +code:hover .variable, +code:hover .lisp .body { + color: #934E4E; +} + +/* CSS ID */ +code .title, +code .id, +code .scss .preprocessor { + color: #9C989F; + font-weight: bold; +} + +/* CSS Attribute */ +code .rule .attribute { + color: #892A6F; +} +code:hover .rule .attribute { + color: #892A6F; +} + +/* CSS Value */ +code .number, +code .hexcolor, +code .ruby .constant { + color: #666666; +} + +code:hover .number, +code:hover .hexcolor, +code:hover .ruby .constant { + color: #333333; +} + +/* LESS */ +code.less .number, +code.less .hexcolor, +code.less .ruby .constant { + color: #005FAA; +} +code.less:hover .number, +code.less:hover .hexcolor, +code.less:hover .ruby .constant { + color: #005FAA; +} +/* LESS Variable */ +code.less .attribute, +code.less .variable, +code.less .lisp .body { + color: #333333; + transition: color 0.3s; +} +code.less:hover .attribute, +code.less:hover .variable, +code.less:hover .lisp .body { + color: #333333; +} + +/* Emphasized Value */ +code.code .class { + color: #008C79; +} +code.code .class b { + font-weight: normal; + background-color: rgba(90, 90, 90, 0); + border-radius: 5px; + line-height: 1; + vertical-align: baseline; + display: inline-block; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + margin: 0px -4px; + padding: 1px 4px; +} +code.code .class b { + background-color: rgba(218, 189, 40, 0.15); + color: #9E6C00; +} + +/* +code.code:hover .class.string b, +code.code:hover .class.value b { + background-color: rgba(218, 189, 40, 0.1); + color: inherit; +} +*/ + + +/* Linked UI */ +code .tag .value a { + position: relative; + border-radius: 5px; + line-height: 1; + color: inherit; + margin: 0px -2px; + padding: 1px 4px; + background-color: rgba(150, 150, 150, 0.1); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +code .tag .value a b { + border-radius: 0px; +} +code .tag .value a:hover { + background-color: rgba(40, 150, 218, 0.2); + color: #00689E; +} +code .tag .value a:hover b { + background-color: transparent; + color: inherit; +} + + + +/*-------------- + Normal +---------------*/ + +code .keyword, +code .css .rule .keyword, +code .winutils, +code .javascript .title, +code .nginx .title, +code .subst, +code .request, +code .status { + color: #333; + font-weight: bold; +} + +code .javascript .title, +code .list .keyword, +code .subst { + font-weight: normal; +} + +code .class .title, +code .type, +code .vhdl .literal, +code .tex .command { + color: #458; + font-weight: bold; +} + + +code .regexp { + color: #009926; +} + +code .built_in { + color: #0086b3; +} + +code .preprocessor, +code .pragma, +code .pi, +code .doctype, +code .shebang, +code .cdata { + color: #999; + font-weight: bold; +} + +code .deletion { + background: #fdd; +} + +code .addition { + background: #dfd; +} + +code .diff .change { + background: #0086b3; +} + +code .chunk { + color: #aaa; +} + + +/******************************* + Sidebar Layout +*******************************/ + +#example > .pusher > .full.height { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +#example:not(.site) > .pusher > .full.height { + background-color: #FFFFFF; +} + +/* page layout */ +#example .full.height > .toc { + position: fixed; + z-index: 1; + background-color: #1b1c1d; + width: 250px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +#example .full.height > .toc .ui.menu { + border-radius: 0; + border-width: 0 1px 0 0; + box-shadow: none; + margin: 0; + width: inherit; + overflow: hidden; + will-change: transform; + max-height: 100vh; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +#example .article { + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-width: 0px; + margin-left: 250px; +} + +#example .full.height > .toc .ui.menu::-webkit-scrollbar { + -webkit-appearance: none; +} +#example .full.height > .toc .ui.menu::-webkit-scrollbar-track { + background-color: rgba(255, 255, 255, 0); +} +#example .full.height > .toc .ui.menu::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0); +} + +#example .full.height > .toc .ui.menu:hover::-webkit-scrollbar-track { + background-color: rgba(255, 255, 255, 0.1); +} +#example .full.height > .toc .ui.menu:hover::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} + +#example > .pusher > .footer, +#example .article > .footer { + border-top: 1px solid #DDDDDD; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08) inset; + background-color: #FAFAFA; + padding-top: 2em; +} + +/******************************* + Definition Container +*******************************/ + +#example > .pusher > .footer { + clear: both; +} + +#example .fixed.menu > .container, +#example .main.container, +#example .masthead > .container, +#example .footer > .container { + position: relative; +} + +#example .main.container { + padding: 2em 0em 7em; +} +#example .wide.main.container { + width: 80%; + margin: 0 auto; + max-width: 1140px; +} + +#example .main.container > .right.rail .sticky, +#example .main.container > .tab > .examples > .right.rail .sticky, +#example .main.container > .tab > .right.rail .sticky { + padding-bottom: 2em; +} + +#example .following.menu .menu .active.item { + font-weight: bold; +} + +/******************************* + Advert +*******************************/ + +/*---------------- + Style Overrides +-----------------*/ + +#example .masthead .advertisement { + width: 285px; + height: 130px; +} +#example .masthead .advertisement #carbonads { + width: 100%; + height: 130px; +} +#example .advertisement #carbonads { + position: relative; + display: block; + margin: 0 auto; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08) inset; + padding: 1em; + font-family: "Helvetica Neue", Arial, sans-serif; + overflow: hidden; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +#example .advertisement #carbonads:hover { + background-color: #F0F8F9; + border: 1px solid #87C7D0; +} +#example .advertisement .carbon-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +#example .advertisement .carbon-img { + width: 130px; + margin-right: 0.75em; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} +#example .advertisement .carbon-img img { + display: block; + border: 1px solid #DDDDDD; +} +#example .advertisement .carbon-text { + font-size: 13px; + line-height: 16px; + padding-bottom: 1.5em; + height: auto; + min-width: 145px; + color: rgba(20, 50, 50, 0.8); +} +#example .advertisement .carbon-text:hover { + color: rgba(0, 30, 30, 0.8); +} +#example .carbon-poweredby { + position: absolute; + left: 130px; + margin-left: 2em; + bottom: 1em; + color: #bbb; + font-size: 11px; + color: rgba(0, 0, 0, 0.3); + text-align: left; +} + + +/******************************* + Advertisements +*******************************/ + +/* Rail Ad */ +#example .rail .advertisement { + display: block; + float: none; + margin: 1em 0; + padding-left: 0; +} +#example .rail .advertisement #carbonads { + display: block; + margin: 0 -1.5em; + width: auto; +} + +#semantic-sponsor { + min-height: 40px; + border-bottom: solid 1px #dddddd; +} + + +.native-link { + display: block; + width: 100%; + background-color: #F5F5F5; + padding: 5px 3em; + color: #415a5a; +} +.native-link:hover { + color: #000000; + background-color: #F0F8F9; +} + +.native-link, +.native-ad { + text-decoration: none; +} +.native-ad { + position: absolute; + right: 1rem; +} + +.native-inline, +.native-link { + display: flex; + align-items: center; +} + +.native-img { + margin-right: 10px; + display: block; + padding: 5px; + height: 30px; + flex: 0 0 auto; + width: 30px; + border-radius: 50%; +} + +.native-text { + margin-right: 38px; +} + +.native-ad { + padding: 4px 7px 4px; + line-height: 1; + border-radius: 3px; + background-color: #848484; + color: #fff; + font-size: 10px; +} + +.native-ad:hover { + color: #fff; +} + + +/******************************* + Responsive +*******************************/ + +/* Defaults */ +#example .masthead > .container, +#example .main.container, +#example .fixed.menu > .container { + margin-left: 3em !important; + margin-right: 3em !important; + width: auto !important; + max-width: 960px !important; +} +#example .masthead > .container { + margin-right: 387px !important; +} +#example .main.container { + margin-right: 387px !important; +} + +/* Rail Default */ +#example .main.container > .right.rail, +#example .main.container > .tab > .examples > .right.rail, +#example .main.container > .tab > .right.rail { + margin-left: 3em; + padding-top: 2em; + width: 319px; +} + +#example .masthead .advertisement { + margin-left: 3em; + padding: 0em 1.25em; + width: 342px; +} + +/* Absolute Ad */ +#example .masthead .introduction { + display: block; +} +#example .masthead .advertisement { + position: absolute; + left: 100%; + bottom: -2px; +} + +/* Remove Overview from pages with Examples */ +@media only screen and (max-width: 1500px) { + + #example .fixed.column { + right: auto; + left: 100%; + margin-left: 4.5em; + width: 300px; + } + #example .fixed.column + .examples { + margin-right: 0px; + } + #example .fixed.column + .examples .right.rail { + display: none; + } + +} + + +/* Table Ad */ +@media only screen and (max-width: 1272px) { + + #example .masthead > .container:first-child { + display: flex; + flex-direction: row; + } + #example .masthead > .container { + margin-right: 2em !important; + max-width: none !important; + } + #example .masthead .introduction { + vertical-align: top; + flex: 1 0 auto; + } + #example .masthead .advertisement { + position: static; + float: none; + flex: 0 1 auto; + vertical-align: bottom; + padding-left: 0em; + margin-left: 2rem; + margin-top: -0.5rem; + padding-right: 0em; + } + #example .bsa-cpc ._default_ { + margin-right: 0px; + } +} + +/* Squish Content (Just For Small Computers) */ +@media only screen and (max-width: 1272px) { + + /* Resize TOC */ + #example .full.height > .toc { + width: 200px; + } + #example .article { + margin-left: 200px; + } + #example .masthead > .container, + #example .main.container, + #example .fixed.menu > .container { + margin-left: 2rem !important; + margin-right: 2rem !important; + } + /* Resize Main Container */ + #example .main.container { + margin-right: 318px !important; + } + + .native-link { + padding-left: 2rem; + padding-right: 2rem; + } + .native-ad { + right: 2rem; + } + + /* Resize Rail */ + #example .main.container > .right.rail, + #example .main.container > .tab > .examples > .right.rail, + #example .main.container > .tab > .right.rail { + padding-left: 1.5em; + width: 260px; + } + + #example .fixed.column { + width: 250px; + margin-left: 2.5em; + } + +} + +/* Hide Top Bar */ +@media only screen and (min-width: 1145px) { + #example .fixed.main.menu { + display: none; + } +} + +/* Remove Fixed Sidebar / Show Top Bar */ +@media only screen and (max-width: 1144px) { + + /* Hide Fixed Sidebar */ + #example .full.height > .toc { + display: none; + } + #example .full.height > .article { + margin-left: 0px; + } + + /* Hide Fixed Launch Button */ + #example .fixed.launch.button { + display: none !important; + } + + /* Additional Padding for Fixed Menu */ + #example .masthead.segment { + padding-top: 5em; + } + + /* Hide GitHub Stars in Intro */ + #example .masthead iframe { + display: none; + } + + /* Less Left Padding */ + #example .masthead > .container, + #example .main.container, + #example .fixed.menu > .container { + margin-left: 2em !important; + } + + /* Padding Above Rail */ + #example .main.container > .right.rail .sticky, + #example .main.container > .tab > .examples > .right.rail .sticky, + #example .main.container > .tab > .right.rail .sticky { + padding-top: 2.5em; + } + + /* 100% Menu Width */ + #example .fixed.menu > .container { + margin-left: 0em !important; + margin-right: 0em !important; + width: 100% !important; + max-width: none !important; + } + + /* Remove Bug Reports */ + #example .main.menu .bug.item { + display: none; + } + + /* Hide Music *]/ + #example .main.menu .music.item { + display: none; + } + + /* Space For Header Over Examples */ + #example .fixed.column .sticky { + padding-top: 2em; + } + +} + +/* Remove Rail */ +@media only screen and (max-width: 992px) { + + /* Remove Rail */ + #example .main.container > .right.rail, + #example .main.container > .tab > .examples > .right.rail, + #example .main.container > .tab > .right.rail { + display: none; + } + + /* Fluid Containers */ + #example .masthead > .container, + #example .main.container, + #example .fixed.menu > .container { + margin-left: 1em !important; + margin-right: 1em !important; + max-width: none !important; + } + + /* Still 100% Fixed Menu */ + #example .fixed.menu > .container { + margin-left: 0em !important; + margin-right: 0em !important; + width: 100% !important; + max-width: none !important; + } + + /* Remove Padding on Ad */ + #example .masthead .advertisement { + padding-right: 0em !important; + } + + +} + + +@media only screen and (max-width: 820px) { + + /* Ad Takes Full Width */ + #example .masthead .introduction { + display: block; + } + #example .masthead .advertisement { + display: block; + float: none; + margin: 2em 0em 0em; + padding-left: 0em; + width: auto; + } + #example .masthead .advertisement #carbonads > span { + position: relative; + display: block; + max-width: 300px; + } + +} + +@media only screen and (max-width: 768px) { + + #example .masthead > .container:first-child { + flex-direction: column; + } + #example .masthead .advertisement #carbonads { + height: auto; + } + #example .masthead .advertisement { + height: auto; + margin: 1rem 0rem; + } + /* Hide Some Fixed Menu Content (Pagination, Search) */ + #example .fixed.menu > .container > .section.item { + display: none; + } + #example .masthead.segment { + padding-bottom: 0em; + } + + #example.button-page .example > .button, + #example.button-page .example .html > .button { + margin-bottom: 8px; + } + #example .stackable.grid .ui.vertical.divider { + display: none; + } + + /* Add Sticky Footers */ + body.pushable > .pusher { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + body.pushable > .pusher > .full.height { + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + } + + /* Ad Label */ + #example .bsa-cpc ._default_ { + padding-left: 1em; + padding-right: 1em; + } + + /* Let Buttons Vertically Stack */ + #example .masthead .button { + margin-bottom: 0.75em; + } + + #example .masthead .main.menu { + display: none; + } + #example .masthead .main.menu + .main.menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + + /* No Download Button */ + #example .masthead .download.button { + display: none; + } + + /* Hide Sitemap */ + #example .pusher > .footer .grid .three.column { + display: none !important; + } +} + +/* Small Phone */ +@media only screen and (max-width: 500px) { + + /* Stack Advert */ + #example .masthead .advertisement #carbonads > span { + max-width: none; + } + #example .advertisement .carbon-wrap { + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + + text-align: center; + align-items: center; + } + #example .carbon-poweredby { + display: none; + } + +} diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.css.bak b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.css.bak new file mode 100644 index 00000000..47c3a55d --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.css.bak @@ -0,0 +1,2616 @@ + +/******************************* + Global +*******************************/ + +/* Regular */ +@font-face { + font-family: 'Lato'; + src: + url('./Index/Lato-Regular.woff2') format('woff2') + ; + font-style: normal; + font-weight: normal; +} +@font-face { + font-family: 'Lato'; + src: + url('./Index/Lato-Italic.woff2') format('woff2') + ; + font-style: italic; + font-weight: normal; +} + +/* Bold */ +@font-face { + font-family: 'Lato'; + src: + url('./Index/Lato-Bold.woff2') format('woff2') + ; + font-style: normal; + font-weight: 700; +} +@font-face { + font-family: 'Lato'; + src: + url('./Index/Lato-BoldItalic.woff2') format('woff2') + ; + font-style: italic; + font-weight: 700; +} + + +/*-------------- + Page +---------------*/ + +ul.list { + list-style-type: disc; +} +ul.list li { + list-style-position: outside; +} + +p { + margin: 1em 0em; +} +p:first-child { + margin-top: 0em; +} +p:last-child { + margin-bottom: 0em; +} + + +/*---------------- + Footer +-----------------*/ + +#example > .pusher > .footer { + margin: 0em; + border-radius: 0em; + padding: 4em 0em 4em 0em; +} + +/*-------------- + Code +---------------*/ + +/* Inline Code */ +pre { + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; +} +pre { + background-color: #FFFFFF; + text-align: left; +} + + +/*rtl:ignore*/ +pre.console { + background-color: transparent; + line-height: 1.6; + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; + height: 300px; + overflow: auto; + direction:ltr; +} +code { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 3px; + display: inline-block; + font-family: "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace; + font-size: 0.875em; + font-weight: bold; + padding: 1px 6px; + vertical-align: baseline; +} +pre code { + border: none; + padding: 0px; + font-size: 1em; +} + +blockquote { + border-left: 4px solid #777777; + font-size: 16px; + line-height: 1.5; + padding: 0em 2em; + margin: 1em 0em 2em; +} +blockquote p { + line-height: inherit; +} +blockquote .author { + display: block; + margin: 1em 0em 0em; + font-weight: bold; +} + +/* Code Inside Message */ +.ui.message > p > code, +.ui.message > code { + background-color: rgba(0, 0, 0, 0.06); + line-height: 1; + padding: 3px 4px; +} + + +/*-------------- + Docs Icon +---------------*/ + + +/* Replace Code Icon */ +@font-face { + font-family: 'Docs Code'; + src: + url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/LYAAAC8AAAAYGNtYXAaVcxXAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zl4DICgAAAFwAAAAeGhlYWQCOGXvAAAB6AAAADZoaGVhA6IB5gAAAiAAAAAkaG10eALAAAAAAAJEAAAAFGxvY2EAKABQAAACWAAAAAxtYXhwAAgAEAAAAmQAAAAgbmFtZVcZpu4AAAKEAAABRXBvc3QAAwAAAAADzAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYA//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAAAEABwAGAAAYADQAAAQcXBxc3JyMHFzcnNycBMDBwcDCQkKCQkDBwcDABgDBwcDCgoKCgMHBwMAAAAQAAAAEAAH1wL6hfDzz1AAsCAAAAAADQrRK5AAAAANCtErkAAAAAAcABgAAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAABwAABAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAEAAAABwAAAAAAAAAAKABQAHgA8AAEAAAAFAA4AAgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), + url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQ4AAsAAAAAA+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgCCL8tmNtYXAAAAFoAAAATAAAAEwaVcxXZ2FzcAAAAbQAAAAIAAAACAAAABBnbHlmAAABvAAAAHgAAAB4XgMgKGhlYWQAAAI0AAAANgAAADYCOGXvaGhlYQAAAmwAAAAkAAAAJAOiAeZobXR4AAACkAAAABQAAAAUAsAAAGxvY2EAAAKkAAAADAAAAAwAKABQbWF4cAAAArAAAAAgAAAAIAAIABBuYW1lAAAC0AAAAUUAAAFFVxmm7nBvc3QAAAQYAAAAIAAAACAAAwAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gAB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmAP/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAABAAcABgAAGAA0AAAEHFwcXNycjBxc3JzcnATAwcHAwkJCgkJAwcHAwAYAwcHAwoKCgoDBwcDAAAAEAAAABAAB9cC+oXw889QALAgAAAAAA0K0SuQAAAADQrRK5AAAAAAHAAYAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAcAAAQAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAABAAAAAcAAAAAAAAAACgAUAB4APAABAAAABQAOAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); + font-weight: normal; + font-style: normal; +} + +#example .example i.code.icon:before { + font-family: 'Docs Code'; + content: "\e600"; + vertical-align: top; +} + + +/*-------------- + Sidebar +---------------*/ + + +#example .ui.sidebar.menu .item { + will-change: transform; +} + +#example .sidebar.menu .logo.image, +#example .ui.menu .logo.image { + width: 35px; + margin-right: 1em; +} + +#example #toc > * { + will-change: transform; +} +#example #toc > :last-child { + padding-bottom: 2em; +} + + +#example #toc > .ui.menu { + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +/* Incomplete Label */ +#example #toc .item .circular.label { + position: absolute; + top: 0.75rem; + right: 1em; + opacity: 0.2; + transition: background 0.3s ease; +} +#example #toc .item.active > .circular.label, +#example #toc .item:hover > .circular.label { + opacity: 0.8; +} + +/* Hidden Items */ +#example #toc .hide.item { + display: none; +} + +/* Sidebar Header */ +#example #toc .inverted.header { + font-size: 1em; + font-weight: normal; + color: rgba(255, 255, 255, 0.8); + margin-bottom: 0.5em; +} +#example #toc a.inverted.header.active, +#example #toc a.inverted.header:hover { + color: rgba(255, 255, 255, 1); +} +#example #toc .menu .active.item { + color: #FFF; +} + +/*-------------- + Page Headers +---------------*/ + +#example .masthead.segment { + position: relative; + z-index: 3; + margin: 0em; + min-height: 185px; + padding: 3em 0em; + background-color: #FFFFFF; + border-bottom: 1px solid #DDDDDD; + box-shadow: none; +} + +#example .masthead .introduction { + display: block; +} +#example .masthead .introduction:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +#example .masthead.segment h1 { + margin: 0em; +} + +#example .masthead iframe.github { + width: 101px !important; +} +#example .masthead iframe { + margin-left: 5px; + float: right; +} + +/* Align with buttons */ +#example .masthead .main.menu { + margin-top: -2px; + min-height: 0em; +} +#example .masthead .main.menu > .item { + padding-top: 0.785714em; + padding-bottom: 0.785714em; +} + +/*-------------- + Languages +---------------*/ + +#example .language.dropdown.button { + margin-top: 0.3em; +} +#example .language.dropdown > .text .description { + color: rgba(255, 255, 255, 0.4); +} +#example .language.dropdown > .menu { + width: 280px; +} + +/*-------------- + Page Tabs +---------------*/ + +#example .tab.masthead.segment { + display: block; + padding-bottom: 0em; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset; +} +#example .tab.masthead.segment .vertical.menu { + display: none; + margin: 2rem 0em 1rem; +} +#example .tab.masthead.segment .tabular.menu { + margin: 3rem 0px 0em; + border-bottom: none; +} +#example .tab.masthead.segment .tabular.menu .active.item { + background-color: #F7F7F7; +} + +/*-------------- + Ad Beg +---------------*/ + +#example .beg.segment { + background-color: #F9F5F5; + padding: 2em 3em; +} +#example .beg.segment .delete.icon { + position: absolute; + top: 1.5em; + right: 1.5em; +} +#example .beg.segment .ui.header { + margin: 0 !important; +} + +/*-------------- + Download +---------------*/ + +/* Download Popup */ +#example .masthead.segment .download.popup { + width: 400px; +} +#example .masthead.segment .download.popup .check.icon { + margin-left: -1em; +} +#example .masthead.segment .download.popup .framework.grid, +#example .masthead.segment .download.popup .standalone.grid, +#example .masthead.segment .download.popup .integration.grid, +#example .masthead.segment .download.popup .link.grid { + display: none; +} + + +/* lists */ +#example .features { + list-style-position: inside; + margin: 10px 0px 0px; + padding: 0px; +} +#example .features li { + list-style-type: disc; + margin: 0px 0px 10px; + font-weight: bold; +} + + +#example .main.container a.anchor { + height: 1px; + position: absolute; + right: 100%; + top: -2.5em; + width: 1px; +} + + +/*-------------- + Fixed Columns +---------------*/ + +#example .fixed.column { + position: absolute; + right: -0.5em; + top: 0px; + width: 250px; + padding-top: 2em; +} +#example .fixed.column + .examples { + margin-right: 280px; +} + +#example .tab.masthead .item.menu { + margin: 3rem 0rem 2rem; +} + +#example .tab.masthead.segment .fixed .tabular.menu { + position: fixed; + top: 50px; +} +#example .fixed .launch { + display: none; +} +#example .fixed.column .sticky { + margin-top: 0em; +} + +/*-------------- + Fixed Menu +---------------*/ + +#example .main.menu .title.item b { + margin-right: 0.5em; +} +#example .fixed.main.menu .launch.item { + display: block; +} +#example .fixed.main.menu .search .icon { + opacity: 0.9; +} + + +/*-------------- + Sidebar Button +---------------*/ + +#example .fixed.launch.button { + display: none; + position: fixed; + top: 2.5em; + left: 0px; + + width: 55px; + height: auto; + white-space: nowrap; + overflow: hidden; + -webkit-transition: + 0.3s width ease, + 0.5s transform ease + ; + -moz-transition: + 0.3s width ease, + 0.5s transform ease + ; + -o-transition: + 0.3s width ease, + 0.5s transform ease + ; + -ms-transition: + 0.3s width ease, + 0.5s transform ease + ; + transition: + 0.3s width ease, + 0.5s transform ease + ; +} +#example .launch.button .icon { + margin-left: 0px; +} + + +#example .fixed.launch.button .text { + position: absolute; + white-space: nowrap; + top: auto; + left: 54px; + opacity: 0; + -webkit-transition: + 0.3s opacity 0.3s + ; + -moz-transition: + 0.3s opacity 0.3s + ; + -o-transition: + 0.3s opacity 0.3s + ; + -ms-transition: + 0.3s opacity 0.3s + ; + transition: + 0.3s opacity 0.3s + ; +} +#example .fixed.launch.button:hover { + width: 130px; +} +#example .fixed.launch.button:hover .text { + opacity: 1; +} + +/* Position Change */ +#example.pushable.left.overlay .fixed.launch.button { + transform: translate3d(0, 0, 0); +} +#example.pushable.overlay.left.pushed .fixed.launch.button { + transform: translate3d(260px, 0, 0); +} + + +/******************************* + Alternate Layouts +*******************************/ + +/*---------------- + Wide Layout +-----------------*/ + +#example.wide .main.container { + max-width: 1200px !important; +} + +/*---------------- + Basic Layout +-----------------*/ + +#example.basic .fixed.menu > .container, +#example.basic .main.container, +#example.basic .masthead > .container { + position: relative; + width: 700px !important; + left: 0px; + margin-right: 4em !important; +} + +#example.basic .main.container > .rail, +#example.basic .main.container > .tab > .rail { + display: none !important; +} +#example .main.container .introduction p, +#example .main.container .tab > p, +#example .main.container .example > p, +#example .main.container > p { + font-size: 16px; + line-height: 1.5; + color: rgba(0, 0, 0, 0.8); +} + +/* Link Styles */ +#example .main.container > p a, +#example .main.container > .tab > p a, +#example .main.container .example > .ignored a, +#example .main.container .example > p a { + display: inline-block; + position: relative; + overflow: hidden; + vertical-align: top; + z-index: 0; + -webkit-transition: color 0.2s; + transition: color 0.2s; + outline: none; +} +#example .main.container > p a > code, +#example .main.container > .tab > p a > code, +#example .main.container .example > .ignored a > code, +#example .main.container .example > p a > code { + background-color: rgba(0, 50, 100, 0.08); +} +#example .main.container > p a:before, +#example .main.container > .tab > p a:before, +#example .main.container .example > .ignored a:before, +#example .main.container .example > p a:before, +#example .main.container .code .value a:before { + position: absolute; + top: auto; + bottom: 1px; + left: 0; + width: 100%; + height: 1px; + background-color: #4183C4; + content: ''; + -webkit-transition: all 0.2s; + -webkit-backface-visibility: hidden; + transition: all 0.2s; + backface-visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); +} + +/* Not on UI */ +#example .main.container .example > .ignored a.ui:before { + display: none; +} + +/* Hover */ +#example .main.container > p a:hover > code, +#example .main.container > .tab > p a:hover > code, +#example .main.container .example > .ignored a:hover > code, +#example .main.container .example > p a:hover > code { + background-color: rgba(0, 50, 100, 0.12); +} +#example .main.container > p a:hover:before, +#example .main.container > p a:focus:before, +#example .main.container > .tab > p a:hover:before, +#example .main.container > .tab > p a:focus:before, +#example .main.container .example > .ignored a:hover:before, +#example .main.container .example > .ignored a:focus:before, +#example .main.container .example > p a:hover:before, +#example .main.container .example > p a:focus:before, +#example .main.container .code .value a:hover:before { + background-color: #2C76BF; + -webkit-transform: scaleX(1); + transform: scaleX(1); +} + +#example .ui.ad { + max-width: 100%; +} + +/*---------------- + Minimal Layout +-----------------*/ + + +/* Always Hidden Sidebar */ +#example.minimal.basic > .launch.button { + display: block; +} +#example.minimal.basic .full.height > .toc { + display: none; +} +#example.minimal.basic .full.height > .article { + margin-left: 0px; +} +#example.minimal.basic .fixed.menu > .container, +#example.minimal.basic .main.container, +#example.minimal.basic .masthead > .container, +#example.minimal.basic .footer > .container { + position: relative; + width: 700px !important; + left: 0px; + margin-left: auto !important; + margin-right: auto !important; +} +#example.minimal > .pusher > .footer { + padding-left: 0 !important; + padding-right: 0 !important; +} + +@media only screen and (max-width: 820px) { + + #example.minimal.basic .fixed.menu > .container, + #example.minimal.basic .main.container, + #example.minimal.basic .masthead > .container, + #example.minimal.basic .footer > .container { + width: auto !important; + margin-left: 1em !important; + margin-right: 1em !important; + } +} + + + +/*---------------- + Settings Table +-----------------*/ + +#example .settings.table { + margin-bottom: 20px; +} +#example .settings.table td:first-child { + font-weight: bold; +} +#example .settings.table td:nth-child(2n) { + width: 100px; +} + +/*---------------- + Code Samples +-----------------*/ + +#example .segment pre { + background-color: transparent; + margin: 0em; + padding: 0em; +} +#example .segment pre .code { + margin: 0em; + padding: 0em; + max-height: 610px; + font-weight: normal; + transform: rotateZ(0deg); + -ms-transform: none !important; + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; +} + +#example table .instructive.segment { + background-color: transparent; + border: 0px; + box-shadow: none; + padding: 0em; +} + +#example .ui.label + .instructive.segment { + margin-top: 0em; +} +#example .instructive.segment:after { + display: none; +} +#example .existing.segment em, +#example .instructive.segment em { + font-style: normal; + color: rgba(0, 0, 0, 0.4); +} +#example .existing.segment .title + em, +#example .instructive.segment .title + em { + position: absolute; + right: 1em; +} +#example .label + .code { + margin-top: 1.5em; +} + +/*---------------- + Examples +-----------------*/ + +#example .example { + margin: 2em 0em; + padding: 2em 0em; + position: relative; + -webkit-tap-highlight-color: transparent; +} +#example .example > .ignored.message, +#example .example > .ignore.message, +#example .example > p { + max-width: 700px; +} + +#example .example:last-child { + margin-bottom: none; +} + +/* Header */ +#example .example > h4:first-child { + font-size: 18px; + margin: 0em 0em 0em; +} + +/* Wireframe Image */ +#example .example .wireframe.image { + opacity: 0.5; +} +#example .example .accordion .content > .wireframe.image { + opacity: 0.5 !important; +} +#example .example :not(.images) > .wireframe.image { + margin-top: 1rem; + margin-bottom: 1rem; +} +#example .example :not(.images) > .wireframe.image:first-child { + margin-top: 0em; +} +#example .example :not(.images) > .wireframe.image:last-child { + margin-bottom: 0em; +} + +/* Description */ +#example .example .anchor + p { + margin-top: 0; + padding-bottom: 1em; +} +#example .no.example .anchor + p { + margin: 0em 0px 1em; + padding-bottom: 0em; +} +#example .example > p { + color: rgba(0, 0, 0, 0.8); +} + +/* Message */ +#example .example .anchor + p + .ignored.message:not(.attached), +#example .example .anchor + p + .ignored.message + .ignored.message:not(.attached) { + margin: 0em 0 2em; +} + +#example .pushing.example .rail .sticky { + margin: 2em 0em; +} + +#example .inline.example > .segment > .sticky.fixed { + background-color: #FFFFFF; +} +#example .inline.example > .segment > .sticky.fixed + * { + margin-top: 39px; +} + + +/* Another */ +#example .another.example { + margin-top: 0em; + padding-top: 2em; +} + +/* Spaced */ +#example .spaced.example .buttons, +#example .spaced.example .button { + margin-bottom: 0.75em; +} +#example .spaced.example .buttons .button { + margin-bottom: 0em; +} +#example .example .toggle.button { + min-width: 100px; +} + +/* Examples Tab */ +#example .tab[data-tab*="examples"] .example > p, +#example .examples.tab .example > p { + margin: 1em 0em; +} +#example .tab[data-tab*="examples"] .example .anchor + p, +#example .examples.tab .example .anchor + p { + padding: 0em; +} + +/* Intro Tab */ +#example .intro > h3.ui.header { + margin-top: 4em; +} +#example .intro .example .anchor + p { + margin-top: 0.5em; +} +#example .intro .example > p { + color: rgba(0, 0, 0, 0.8); +} + + +#example .existing.segment:after, +#example .instructive.segment:after { + display: none; +} + +/*---------------- + Example Types +-----------------*/ + +/* No Example */ +#example .no.example i.code { + display: none; +} + +#example .fixed.example iframe { + border: none; + width: 100%; + height: 350px; +} +/* Stretched Example */ + +#example .stretched.example .column img { + /* This is only necessary for IE which doesnt respect img intrinsic aspect ratios */ + max-height: 225px; +} + +#example .clear.dropdown .dropdown { + vertical-align: middle; +} + + +/* Requires Clear */ +#example .clearing.example { + overflow: hidden; + clear: both; + padding-left: 1px; + padding-right: 1px; + padding-bottom: 1px; +} +#example .piled.example { + position: relative; + z-index: 1; +} +#example .main.container:after { + content: ''; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} +#example .example-group { + position: relative; +} +#example .main.container > .tab { + position: relative; +} + +#example .main.container .examples > h2, +#example .main.container > h2, +#example .main.container > .tab > h2{ + position: relative; + margin: 5rem 0rem 3rem; +} +#example .main.container .examples > h3, +#example .main.container > h3, +#example .main.container > .tab > h3{ + position: relative; + margin: 3rem 0rem 2rem; +} +#example .main.container .examples > .rail + h2, +#example .main.container > .rail + h2, +#example .main.container > .tab > .rail + h2, +#example .main.container .examples > h2:first-child, +#example .main.container > h2:first-child, +#example .main.container > .tab > h2:first-child { + margin-top: 0em; +} + +/* After Section Header */ +#example .example:first-child, +#example h2 + .example, +#example h3 + .example, +#example h4 + .example { + margin-top: 0px; +} +#example .example:first-child i.code, +#example h2 + .example i.code, +#example h3 + .example i.code, +#example h4 + .example i.code { + top: 0.75em; +} +#example .another.example i.code { + top: -0.5em; +} + +/* Spaced */ +#example .spaced.example .buttons, +#example .spaced.example .button { + margin-bottom: 0.75em; +} +#example .spaced.example .buttons .button { + margin-bottom: 0em; +} +#example .example .toggle.button { + min-width: 200px; +} + +/* Code Language */ +#example .example .language.label { + margin: 1em 0em 0.75em; +} + + +/*-------------- + Code Button +---------------*/ + +#example .example i.code { + cursor: pointer; + position: absolute; + + top: 2rem; + right: 0rem; + margin: 0; + opacity: 0.5; + + font-size: 20px; + color: #000000; + + -webkit-transition: opacity 0.3s ease-out; + -moz-transition: opacity 0.3s ease-out; + -o-transition: opacity 0.3s ease-out; + -ms-transition: opacity 0.3s ease-out; + transition: opacity 0.3s ease-out; +} + +/*#example .example i.code:before {*/ + /*font-family: 'Docs';*/ + /*content: "\e600";*/ +/*}*/ +#example .example:hover i.code { + opacity: 0.85; +} +#example .example:hover i.code:hover { + opacity: 1; +} +#example .example .grid i.code { + right: 25%; +} + +#example .pointing.label + .existing.segment { + margin-top: 0em; +} +#example .existing.code { + display: none; +} + +/* Code Annotation */ +#example .example .annotation { + margin: 0em; +} +#example .annotation pre code { + min-width: 500px; + overflow: auto; + -webkit-overflow-scrolling: touch; +} + + +#example .transition.example .ui.button { + margin-bottom: 0.5em; +} + +/* HTML Wrapper */ +#example .example > .html { + padding: 0em; + transition: + box-shadow 0.2s ease, + padding 0.2s ease + ; + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); +} +#example .example > .html > .top.attached.label { + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; + display: none; + background-color: #F8F8F8; + box-shadow: 0px 0px 0px 1px #DDDDDD; +} +#example .example > .html > .top.attached.label .copy { + position: absolute; + top: 9px; + right: 8px; + color: #AAAAAA; +} +#example .example > .html > .top.attached.label .copy:hover { + color: #666666; +} +#example .example > .empty.html.segment { + padding: 1.15em 1em 1em; +} +#example .example > .html.segment:after { + content: ''; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +#example .example > .html.segment > .attached.label { + display: block; +} +#example .example > .html.segment > .attached.label .copy { + float: right; +} +#example .example > .html.segment { + padding: 3.5em 1em 1em; +} +#example .example .instructive.segment { + margin-top: -1px; +} + +/* Fixes for UI */ +#example .segment > .dimmer { + z-index: 800; +} +#example .code .active.ui.modal { + display: none !important; +} +#example .example .circular.segment { + width: 175px; + height: 175px; +} +#example .example .annotation.visible + .icon.buttons { + margin-top: 1rem; +} + + +/******************************* + UI Pages +*******************************/ + + +/*---------------- + Getting Started +-----------------*/ + +#example.started .tab.segment > .example:first-child { + margin-top: 0em; + padding-top: 0em; +} +#example.started .tab.segment > .example:last-child { + margin-bottom: 0em; + padding-bottom: 0em; +} + +/*---------------- + Theming +-----------------*/ + +#example.theming .main.container .button { + margin-bottom: 0.4em; +} +#example.theming .variable.grid .segment { + display: block; + width: 100%; + height: 500px; + overflow: auto; +} + +/*-------------- + Content Loader +---------------*/ +#example .content.example .ignored.card { + display: none; +} +#example .content.example .card .image + .content { + min-height: 94px; +} + +/*-------------- + Colored +---------------*/ + +#example .colored.example .label, +#example .colored.example .button, +#example .colored.example .menu { + margin-bottom: 0.5em; +} +#example .colored.example .menu { + margin-right: 0.5em; +} +#example .colored.example .attached.label { + margin-bottom: 0em; +} + +/*-------------- + Callback +---------------*/ + +#example .callback.example .console { + height: 350px; + overflow: auto; +} + +/*-------------- + Fitted +---------------*/ + +#example .fitted.example .segment { + line-height: 1; +} + +/*-------------- + Grid +---------------*/ + +#example .highlighted.example .grid { + position: relative; +} +#example .highlighted.example .grid:before { + position: absolute; + top: 1rem; + left: 1rem; + background-color: #FAFAFA; + content: ''; + width: calc(100% - 2rem); + height: calc(100% - 2rem); + box-shadow: 0px 0px 0px 1px #DDDDDD inset; +} +#example .highlighted.example .relaxed.grid:before { + width: calc(100% - 3rem); + left: 1.5em; +} +/* Consecutive */ +#example .highlighted.example > .grid + .grid { + margin-top: 1rem; +} + +#example .highlighted.example .grid .grid:before { + background-color: #F0F0F0; +} +#example .highlighted.example .row { + position: relative; +} + +#example .highlighted.example .grid > .column { + position: relative; + z-index: 11; +} +#example .highlighted.example .grid .column:not(.row):not(.grid):after { + background-color: rgba(86, 61, 124, .1); + -webkit-box-shadow: 0px 0px 0px 1px rgba(86, 61, 124, 0.2) inset; + box-shadow: 0px 0px 0px 1px rgba(86, 61, 124, 0.2) inset; + content: ""; + display: block; + min-height: 50px; +} +#example .highlighted.example .grid .column:not(.grid):first-child, +#example .ui.type.cards .image .grid .column:not(.grid):first-child { + box-shadow: none; +} +#example .highlighted.example .grid .column:not(.grid), +#example .ui.type.cards .image .grid .column:not(.grid) { + min-height: 50px; +} +#example .highlighted.example .grid .segment, +#example .ui.type.cards .image .grid .segment { + border-radius: 0px; + box-shadow: 0 0 0 1px #D4D4D4; +} +#example .negative.example > .button { + position: relative; + z-index: 100; + margin: 0px 1px; +} + +/* Nested Grid Example */ +#example .highlighted.special.example .ui.grid > .column:first-child:after, +#example .highlighted.special.example .ui.grid > .column:last-child:after { + display: none; +} +#example .highlighted.special.example .ui.grid .grid .column:not(.row):not(.grid):after { + display: block; + background-color: rgba(186, 61, 84, 0.1); + -webkit-box-shadow: 0 0 0 1px rgba(186, 61, 84, 0.2) inset; + box-shadow: 0 0 0 1px rgba(186, 61, 84, 0.2) inset; +} + + +#example.animated .negative.example > .grid { + margin: -1rem !important; + background-color: #FFEEEE; +} + +#example .colored.example .column { + padding-top: 2em; + padding-bottom: 2em; +} + +/* Animation */ +#example.animated .highlighted.example .html > .grid, +#example.animated .animated.example .html > .grid, +#example.animated .highlighted.example > .grid, +#example.animated .animated.example > .grid { + margin: -1rem auto; + -webkit-animation: grid 7s ease infinite; + -moz-animation: grid 7s ease infinite; + animation: grid 7s ease infinite; +} +#example.animated .negative.example .html > .grid, +#example.animated .negative.example > .grid { + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + animation: none; +} +/* Grid Inside Grid */ +#example.animated .highlighted.example .grid .grid, +#example.animated .animated.example .grid .grid { + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + animation: none; +} + +#example .ui.table .help.icon { + float: right; +} + +#example.site .colors.example .column { + padding: 50px 0px; + text-align: center; + color: #FFFFFF; + font-weight: bold; +} + +@-webkit-keyframes grid { + 0% { + width: 100%; + } + 45% { + width: 90%; + } + 55% { + width: 90%; + } + 100% { + width: 100%; + } +} +@-moz-keyframes grid { + 0% { + width: 100%; + } + 45% { + width: 90%; + } + 55% { + width: 90%; + } + 100% { + width: 100%; + } +} +@keyframes grid { + 0% { + width: 100%; + } + 45% { + width: 90%; + } + 55% { + width: 90%; + } + 100% { + width: 100%; + } +} + +#example .layered.example { + z-index: 1; +} + +/*-------------- + Demo +---------------*/ + +#example .demo.container .button.demo > .buttons, +#example .demo.container .button.demo > .button, +#example .demo.container .button.demo > .segment > .button { + margin-bottom: 0.5em; +} +#example .demo.container h4:first-child { + font-weight: bold !important; + margin: 0em 0em 1em !important; + font-size: 18px; +} +#example .demo.container .example:first-child { + margin-top: 0; + padding-top: 0; +} +#example .demo.container .segment.example { + z-index: 1; +} +#example .demo.container > .ui.label:not(.empty) { + margin-bottom: 1em; +} +#example .demo.container .segment .ui.label { + margin-bottom: 0em; +} + +/*-------------- + New +---------------*/ + +.complex-popup.example #one { + display: block; + position: relative; + padding: 50px 100px; + background-color: #F0F0F0; +} +.complex-popup.example #two { + display: block; + background-color: #E2EAE4; + position: relative; + top: 10px; + padding: 50px 8px; +} + + +/*-------------- + Visibility +---------------*/ + +/* static */ +.visibility.example .overlay { + padding: 0em; + box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); + transition: + padding 0.5s ease + ; + background: transparent; +} +.visibility.example .overlay.fixed + .placeholder { + display: none; +} +/* fixed */ +.visibility.example .overlay.fixed { + position: fixed; + background-color: #FFFFFF; + padding: 1em; + box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); + z-index: 10; +} +.visibility.example .overlay.fixed + .placeholder { + display: block; + height: 28px; +} + +/* Flash Animation */ +.main.container .highlight { + -moz-animation: highlight 2s ease-out; + -moz-animation-iteration-count: 1; + -webkit-animation: highlight 2s ease-out; + -webkit-animation-iteration-count: 1; + -ms-animation: highlight 2s ease-out; + -ms-animation-iteration-count: 1; + animation: highlight 2s ease-out; + animation-iteration-count: 1; +} + +@-webkit-keyframes highlight { + 0% { + background-color: none; + } + 30% { + background-color: #ffff00; + } + 100% { + background-color: none; + } +} + +@-moz-keyframes highlight { + 0% { + background-color: none; + } + 30% { + background-color: #ffff00; + } + 100% { + background-color: none; + } +} + +@-ms-keyframes highlight { + 0% { + background-color: none; + } + 30% { + background-color: #ffff00; + } + 100% { + background-color: none; + } +} + + +/*-------------- + Progress +---------------*/ + + +body.progress.animated .ui.progress .bar { + -webkit-animation: finish 10s ease-in-out infinite; + -moz-animation: finish 10s ease-in-out infinite; + -ms-animation: finish 10s ease-in-out infinite; + animation: finish 10s ease-in-out infinite; +} + +/*-------------- + Divider +---------------*/ + +#example.divider .ui.grid { + position: relative; +} + +/*-------------- + Header +---------------*/ + +#example.header .wireframe.image { + max-width: 500px; +} + +/*-------------- + Modal +---------------*/ + +#example.modal-page .main.container { + z-index: auto; +} + +/*-------------- + Popup +---------------*/ + +#example.popup .inline.example .popup { + color: #FF0000; +} +#example .position.example .icon { + position: absolute; + margin: 0em; + width: auto; + font-size: 1.5em; + height: auto; + padding: 0.5em !important; +} +#example .position.example .segment:not(.instructive) { + width: 250px; + height: 250px; +} +#example .position.example .segment .icon:nth-of-type(1) { + top: 0em; + left: 0em; +} +#example .position.example .segment .icon:nth-of-type(2) { + top: 0em; + left: 50%; + margin-left: -1em; +} +#example .position.example .segment .icon:nth-of-type(3) { + top: 0em; + right: 0em; +} +#example .position.example .segment .icon:nth-of-type(4) { + top: 50%; + margin-top: -1em; + right: 0em; +} +#example .position.example .segment .icon:nth-of-type(5) { + bottom: 0em; + right: 0em; +} +#example .position.example .segment .icon:nth-of-type(6) { + bottom: 0em; + left: 50%; + margin-left: -1em; +} +#example .position.example .segment .icon:nth-of-type(7) { + bottom: 0em; + left: 0em; +} +#example .position.example .segment .icon:nth-of-type(8) { + top: 50%; + margin-top: -1em; + left: 0em; +} + +#example .main.ui.grid { + position: relative; +} + +/*-------------- + Icon +---------------*/ + +#example iconSearch.ui.search { + float: right; + position: relative; + z-index: 3; +} +#example iconSearch .result i.icon { + font-size: 20px; + float: right; + margin-top: -5px; + margin-left: 11px; + color: #000000; +} + + +#example .icon.example .grid { + text-align: left; +} +#example .icon.example .grid .code { + position: static; +} +#example .icon.example .grid > .column { + opacity: 0.8; + text-align: center; + color: transparent; + + -moz-align-items: center; + -ms-align-items: center; + align-items: center; + + -webkit-transition: + color 0.3s ease, + opacity 0.3s ease + ; + -moz-transition: + color 0.3s ease, + opacity 0.3s ease + ; + -o-transition: + color 0.3s ease, + opacity 0.3s ease + ; + -ms-transition: + color 0.3s ease, + opacity 0.3s ease + ; + transition: + color 0.3s ease, + opacity 0.3s ease + ; +} +#example .icon.example .attached.segment .grid > .row > .column { + color: #555555; +} +#example .icon.example .column .icon { + opacity: 1; + height: 1em; + color: #333333; + display: block; + margin: 0em auto 0.25em; + font-size: 2em; + + -webkit-transition: + color 0.6s ease, + transform 0.2s ease + ; + -moz-transition: + color 0.6s ease, + transform 0.2s ease + ; + -o-transition: + color 0.6s ease, + transform 0.2s ease + ; + -ms-transition: + color 0.6s ease, + transform 0.2s ease + ; + transition: + color 0.6s ease, + transform 0.2s ease + ; +} +#example .icon.example .html.segment .grid .column, +#example .icon.example .grid:hover .column { + color: #777777; +} +#example .icon.example .grid:hover .column .icon { + color: #333333; +} + +#example .icon.example .grid .column:hover .icon { + color: #000000; + -webkit-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); +} +#example .icon.example .grid .column:hover { + opacity: 1; + color: #444444; +} +#example .another.icon.example { + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +#example .another.example i.code ~ .ignored.message { + margin: 0em 0em 2em; +} + +/*-------------- + List Page +---------------*/ + +#example .element.cards .image { + overflow: hidden; + min-height: 100px; +} +#example .collection.cards { + min-height: 350px; +} +#example .ui.type.cards > .item { + min-height: 255px; +} + +#example .ui.type.cards > .item > .image { + padding: 1em; + height: 165px; + vertical-align: middle; +} +/*-------------- + Header +---------------*/ + +#example.header .sizer { + padding: 1rem 0em; +} + +/*-------------- + Flag +---------------*/ + +#example.flag .basic.table tbody td:first-child { + width: 20px; +} + +/*-------------- + Feed +---------------*/ + +#example.feed .example .segment { + max-width: 800px; +} + + +/*-------------- + Search +---------------*/ + +.fixed.menu .right.searching.menu .borderless.item, +.fixed.menu .right.searching.menu .popup.item, +.fixed.menu .right.searching.menu .language.item { + display: none; +} + +#search input { + color: white; + width: 146px; + text-align: right; +} +#search.hidden input { + padding: 0 0.8em 0 0 !important; + width: 0; +} +#search .results { + margin-top: 1em; + border-radius: 0px 0px 3px 3px; +} +#search.ui.input input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.75); +} +#search.ui.input input::-moz-placeholder { + color: rgba(255, 255, 255, 0.75); +} + +#shortcuts.ui.modal .actions { + padding: 0; + border: none; + background: none; +} + +/******************************* + Code Samples +*******************************/ + + +code.code { + display: block; + overflow-x: auto; + padding: 0em; + color: #666; + background-color: transparent; + -webkit-text-size-adjust: none; +} + +/*-------------- + Hover Only +---------------*/ + +code.code, +code.code span { + -moz-transition: 0.5s color ease; + -webkit-transition: 0.5s color ease; + -ms-transition: 0.5s color ease; + transition: 0.5s color ease; +} +code.code { + color: #333333; +} + +code.code.xml { + color: #555555; +} +code.code.xml:hover { + color: #333333; +} + +/* Class Name */ +code .string, +code .tag .value, +code .phpdoc, +code .dartdoc, +code .tex .formula { + color: #008C79; +} +code:hover .string, +code:hover .tag .value, +code:hover .phpdoc, +code:hover .dartdoc, +code:hover .tex .formula { + color: #007b6b; +} + +/* Comment */ +code .comment, +code .template_comment, +code .diff .header, +code .javadoc { + color: #AAAAAA; + font-style: italic; +} + + +/* Properties */ +code .tag, +code .rules .property, +code .django .tag .keyword { + color: #858188; + font-weight: normal; +} + +code:hover .tag, +code:hover .rules .property, +code:hover .django .tag .keyword { + color: #892A6F; + font-weight: normal; +} + +/* HTML Tag */ +code .tag .title { + color: #858188; + font-weight: normal; +} +code:hover .tag .title { + color: #892A6F; +} + +/* Attribute */ +code .attribute, +code .variable, +code .lisp .body { + color: #8D8A8A; + transition: color 0.3s; +} +code:hover .attribute, +code:hover .variable, +code:hover .lisp .body { + color: #934E4E; +} + +/* CSS ID */ +code .title, +code .id, +code .scss .preprocessor { + color: #9C989F; + font-weight: bold; +} + +/* CSS Attribute */ +code .rule .attribute { + color: #892A6F; +} +code:hover .rule .attribute { + color: #892A6F; +} + +/* CSS Value */ +code .number, +code .hexcolor, +code .ruby .constant { + color: #666666; +} + +code:hover .number, +code:hover .hexcolor, +code:hover .ruby .constant { + color: #333333; +} + +/* LESS */ +code.less .number, +code.less .hexcolor, +code.less .ruby .constant { + color: #005FAA; +} +code.less:hover .number, +code.less:hover .hexcolor, +code.less:hover .ruby .constant { + color: #005FAA; +} +/* LESS Variable */ +code.less .attribute, +code.less .variable, +code.less .lisp .body { + color: #333333; + transition: color 0.3s; +} +code.less:hover .attribute, +code.less:hover .variable, +code.less:hover .lisp .body { + color: #333333; +} + +/* Emphasized Value */ +code.code .class { + color: #008C79; +} +code.code .class b { + font-weight: normal; + background-color: rgba(90, 90, 90, 0); + border-radius: 5px; + line-height: 1; + vertical-align: baseline; + display: inline-block; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + margin: 0px -4px; + padding: 1px 4px; +} +code.code .class b { + background-color: rgba(218, 189, 40, 0.15); + color: #9E6C00; +} + +/* +code.code:hover .class.string b, +code.code:hover .class.value b { + background-color: rgba(218, 189, 40, 0.1); + color: inherit; +} +*/ + + +/* Linked UI */ +code .tag .value a { + position: relative; + border-radius: 5px; + line-height: 1; + color: inherit; + margin: 0px -2px; + padding: 1px 4px; + background-color: rgba(150, 150, 150, 0.1); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +code .tag .value a b { + border-radius: 0px; +} +code .tag .value a:hover { + background-color: rgba(40, 150, 218, 0.2); + color: #00689E; +} +code .tag .value a:hover b { + background-color: transparent; + color: inherit; +} + + + +/*-------------- + Normal +---------------*/ + +code .keyword, +code .css .rule .keyword, +code .winutils, +code .javascript .title, +code .nginx .title, +code .subst, +code .request, +code .status { + color: #333; + font-weight: bold; +} + +code .javascript .title, +code .list .keyword, +code .subst { + font-weight: normal; +} + +code .class .title, +code .type, +code .vhdl .literal, +code .tex .command { + color: #458; + font-weight: bold; +} + + +code .regexp { + color: #009926; +} + +code .built_in { + color: #0086b3; +} + +code .preprocessor, +code .pragma, +code .pi, +code .doctype, +code .shebang, +code .cdata { + color: #999; + font-weight: bold; +} + +code .deletion { + background: #fdd; +} + +code .addition { + background: #dfd; +} + +code .diff .change { + background: #0086b3; +} + +code .chunk { + color: #aaa; +} + + +/******************************* + Sidebar Layout +*******************************/ + +#example > .pusher > .full.height { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +#example:not(.site) > .pusher > .full.height { + background-color: #FFFFFF; +} + +/* page layout */ +#example .full.height > .toc { + position: fixed; + z-index: 1; + background-color: #1b1c1d; + width: 250px; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +#example .full.height > .toc .ui.menu { + border-radius: 0; + border-width: 0 1px 0 0; + box-shadow: none; + margin: 0; + width: inherit; + overflow: hidden; + will-change: transform; + max-height: 100vh; + overflow: auto; + -webkit-overflow-scrolling: touch; +} +#example .article { + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-width: 0px; + margin-left: 250px; +} + +#example .full.height > .toc .ui.menu::-webkit-scrollbar { + -webkit-appearance: none; +} +#example .full.height > .toc .ui.menu::-webkit-scrollbar-track { + background-color: rgba(255, 255, 255, 0); +} +#example .full.height > .toc .ui.menu::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0); +} + +#example .full.height > .toc .ui.menu:hover::-webkit-scrollbar-track { + background-color: rgba(255, 255, 255, 0.1); +} +#example .full.height > .toc .ui.menu:hover::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.25); +} + +#example > .pusher > .footer, +#example .article > .footer { + border-top: 1px solid #DDDDDD; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08) inset; + background-color: #FAFAFA; + padding-top: 2em; +} + +/******************************* + Definition Container +*******************************/ + +#example > .pusher > .footer { + clear: both; +} + +#example .fixed.menu > .container, +#example .main.container, +#example .masthead > .container, +#example .footer > .container { + position: relative; +} + +#example .main.container { + padding: 2em 0em 7em; +} +#example .wide.main.container { + width: 80%; + margin: 0 auto; + max-width: 1140px; +} + +#example .main.container > .right.rail .sticky, +#example .main.container > .tab > .examples > .right.rail .sticky, +#example .main.container > .tab > .right.rail .sticky { + padding-bottom: 2em; +} + +#example .following.menu .menu .active.item { + font-weight: bold; +} + +/******************************* + Advert +*******************************/ + +/*---------------- + Style Overrides +-----------------*/ + +#example .masthead .advertisement { + width: 285px; + height: 130px; +} +#example .masthead .advertisement #carbonads { + width: 100%; + height: 130px; +} +#example .advertisement #carbonads { + position: relative; + display: block; + margin: 0 auto; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08) inset; + padding: 1em; + font-family: "Helvetica Neue", Arial, sans-serif; + overflow: hidden; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +#example .advertisement #carbonads:hover { + background-color: #F0F8F9; + border: 1px solid #87C7D0; +} +#example .advertisement .carbon-wrap { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +#example .advertisement .carbon-img { + width: 130px; + margin-right: 0.75em; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} +#example .advertisement .carbon-img img { + display: block; + border: 1px solid #DDDDDD; +} +#example .advertisement .carbon-text { + font-size: 13px; + line-height: 16px; + padding-bottom: 1.5em; + height: auto; + min-width: 145px; + color: rgba(20, 50, 50, 0.8); +} +#example .advertisement .carbon-text:hover { + color: rgba(0, 30, 30, 0.8); +} +#example .carbon-poweredby { + position: absolute; + left: 130px; + margin-left: 2em; + bottom: 1em; + color: #bbb; + font-size: 11px; + color: rgba(0, 0, 0, 0.3); + text-align: left; +} + + +/******************************* + Advertisements +*******************************/ + +/* Rail Ad */ +#example .rail .advertisement { + display: block; + float: none; + margin: 1em 0; + padding-left: 0; +} +#example .rail .advertisement #carbonads { + display: block; + margin: 0 -1.5em; + width: auto; +} + +#semantic-sponsor { + min-height: 40px; + border-bottom: solid 1px #dddddd; +} + + +.native-link { + display: block; + width: 100%; + background-color: #F5F5F5; + padding: 5px 3em; + color: #415a5a; +} +.native-link:hover { + color: #000000; + background-color: #F0F8F9; +} + +.native-link, +.native-ad { + text-decoration: none; +} +.native-ad { + position: absolute; + right: 1rem; +} + +.native-inline, +.native-link { + display: flex; + align-items: center; +} + +.native-img { + margin-right: 10px; + display: block; + padding: 5px; + height: 30px; + flex: 0 0 auto; + width: 30px; + border-radius: 50%; +} + +.native-text { + margin-right: 38px; +} + +.native-ad { + padding: 4px 7px 4px; + line-height: 1; + border-radius: 3px; + background-color: #848484; + color: #fff; + font-size: 10px; +} + +.native-ad:hover { + color: #fff; +} + + +/******************************* + Responsive +*******************************/ + +/* Defaults */ +#example .masthead > .container, +#example .main.container, +#example .fixed.menu > .container { + margin-left: 3em !important; + margin-right: 3em !important; + width: auto !important; + max-width: 960px !important; +} +#example .masthead > .container { + margin-right: 387px !important; +} +#example .main.container { + margin-right: 387px !important; +} + +/* Rail Default */ +#example .main.container > .right.rail, +#example .main.container > .tab > .examples > .right.rail, +#example .main.container > .tab > .right.rail { + margin-left: 3em; + padding-top: 2em; + width: 319px; +} + +#example .masthead .advertisement { + margin-left: 3em; + padding: 0em 1.25em; + width: 342px; +} + +/* Absolute Ad */ +#example .masthead .introduction { + display: block; +} +#example .masthead .advertisement { + position: absolute; + left: 100%; + bottom: -2px; +} + +/* Remove Overview from pages with Examples */ +@media only screen and (max-width: 1500px) { + + #example .fixed.column { + right: auto; + left: 100%; + margin-left: 4.5em; + width: 300px; + } + #example .fixed.column + .examples { + margin-right: 0px; + } + #example .fixed.column + .examples .right.rail { + display: none; + } + +} + + +/* Table Ad */ +@media only screen and (max-width: 1272px) { + + #example .masthead > .container:first-child { + display: flex; + flex-direction: row; + } + #example .masthead > .container { + margin-right: 2em !important; + max-width: none !important; + } + #example .masthead .introduction { + vertical-align: top; + flex: 1 0 auto; + } + #example .masthead .advertisement { + position: static; + float: none; + flex: 0 1 auto; + vertical-align: bottom; + padding-left: 0em; + margin-left: 2rem; + margin-top: -0.5rem; + padding-right: 0em; + } + #example .bsa-cpc ._default_ { + margin-right: 0px; + } +} + +/* Squish Content (Just For Small Computers) */ +@media only screen and (max-width: 1272px) { + + /* Resize TOC */ + #example .full.height > .toc { + width: 200px; + } + #example .article { + margin-left: 200px; + } + #example .masthead > .container, + #example .main.container, + #example .fixed.menu > .container { + margin-left: 2rem !important; + margin-right: 2rem !important; + } + /* Resize Main Container */ + #example .main.container { + margin-right: 318px !important; + } + + .native-link { + padding-left: 2rem; + padding-right: 2rem; + } + .native-ad { + right: 2rem; + } + + /* Resize Rail */ + #example .main.container > .right.rail, + #example .main.container > .tab > .examples > .right.rail, + #example .main.container > .tab > .right.rail { + padding-left: 1.5em; + width: 260px; + } + + #example .fixed.column { + width: 250px; + margin-left: 2.5em; + } + +} + +/* Hide Top Bar */ +@media only screen and (min-width: 1145px) { + #example .fixed.main.menu { + display: none; + } +} + +/* Remove Fixed Sidebar / Show Top Bar */ +@media only screen and (max-width: 1144px) { + + /* Hide Fixed Sidebar */ + #example .full.height > .toc { + display: none; + } + #example .full.height > .article { + margin-left: 0px; + } + + /* Hide Fixed Launch Button */ + #example .fixed.launch.button { + display: none !important; + } + + /* Additional Padding for Fixed Menu */ + #example .masthead.segment { + padding-top: 5em; + } + + /* Hide GitHub Stars in Intro */ + #example .masthead iframe { + display: none; + } + + /* Less Left Padding */ + #example .masthead > .container, + #example .main.container, + #example .fixed.menu > .container { + margin-left: 2em !important; + } + + /* Padding Above Rail */ + #example .main.container > .right.rail .sticky, + #example .main.container > .tab > .examples > .right.rail .sticky, + #example .main.container > .tab > .right.rail .sticky { + padding-top: 2.5em; + } + + /* 100% Menu Width */ + #example .fixed.menu > .container { + margin-left: 0em !important; + margin-right: 0em !important; + width: 100% !important; + max-width: none !important; + } + + /* Remove Bug Reports */ + #example .main.menu .bug.item { + display: none; + } + + /* Hide Music *]/ + #example .main.menu .music.item { + display: none; + } + + /* Space For Header Over Examples */ + #example .fixed.column .sticky { + padding-top: 2em; + } + +} + +/* Remove Rail */ +@media only screen and (max-width: 992px) { + + /* Remove Rail */ + #example .main.container > .right.rail, + #example .main.container > .tab > .examples > .right.rail, + #example .main.container > .tab > .right.rail { + display: none; + } + + /* Fluid Containers */ + #example .masthead > .container, + #example .main.container, + #example .fixed.menu > .container { + margin-left: 1em !important; + margin-right: 1em !important; + max-width: none !important; + } + + /* Still 100% Fixed Menu */ + #example .fixed.menu > .container { + margin-left: 0em !important; + margin-right: 0em !important; + width: 100% !important; + max-width: none !important; + } + + /* Remove Padding on Ad */ + #example .masthead .advertisement { + padding-right: 0em !important; + } + + +} + + +@media only screen and (max-width: 820px) { + + /* Ad Takes Full Width */ + #example .masthead .introduction { + display: block; + } + #example .masthead .advertisement { + display: block; + float: none; + margin: 2em 0em 0em; + padding-left: 0em; + width: auto; + } + #example .masthead .advertisement #carbonads > span { + position: relative; + display: block; + max-width: 300px; + } + +} + +@media only screen and (max-width: 768px) { + + #example .masthead > .container:first-child { + flex-direction: column; + } + #example .masthead .advertisement #carbonads { + height: auto; + } + #example .masthead .advertisement { + height: auto; + margin: 1rem 0rem; + } + /* Hide Some Fixed Menu Content (Pagination, Search) */ + #example .fixed.menu > .container > .section.item { + display: none; + } + #example .masthead.segment { + padding-bottom: 0em; + } + + #example.button-page .example > .button, + #example.button-page .example .html > .button { + margin-bottom: 8px; + } + #example .stackable.grid .ui.vertical.divider { + display: none; + } + + /* Add Sticky Footers */ + body.pushable > .pusher { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + body.pushable > .pusher > .full.height { + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + } + + /* Ad Label */ + #example .bsa-cpc ._default_ { + padding-left: 1em; + padding-right: 1em; + } + + /* Let Buttons Vertically Stack */ + #example .masthead .button { + margin-bottom: 0.75em; + } + + #example .masthead .main.menu { + display: none; + } + #example .masthead .main.menu + .main.menu { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + } + + /* No Download Button */ + #example .masthead .download.button { + display: none; + } + + /* Hide Sitemap */ + #example .pusher > .footer .grid .three.column { + display: none !important; + } +} + +/* Small Phone */ +@media only screen and (max-width: 500px) { + + /* Stack Advert */ + #example .masthead .advertisement #carbonads > span { + max-width: none; + } + #example .advertisement .carbon-wrap { + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + + text-align: center; + align-items: center; + } + #example .carbon-poweredby { + display: none; + } + +} diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.js b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.js new file mode 100644 index 00000000..1c3d1b76 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/docs.js @@ -0,0 +1,1477 @@ + +// namespace +window.semantic = { + handler: {} +}; + +// Allow for console.log to not break IE +if (typeof window.console == "undefined" || typeof window.console.log == "undefined") { + window.console = { + log : function() {}, + info : function(){}, + warn : function(){} + }; +} +if(typeof window.console.group == 'undefined' || typeof window.console.groupEnd == 'undefined' || typeof window.console.groupCollapsed == 'undefined') { + window.console.group = function(){}; + window.console.groupEnd = function(){}; + window.console.groupCollapsed = function(){}; +} +if(typeof window.console.markTimeline == 'undefined') { + window.console.markTimeline = function(){}; +} +window.console.clear = function(){}; + +// ready event +semantic.ready = function() { + + // selector cache + var + $document = $(document), + $sortableTables = $('.sortable.table'), + $sticky = $('.ui.sticky'), + + $themeDropdown = $('.theme.dropdown'), + + $ui = $('.ui').not('.hover, .down'), + $swap = $('.theme.menu .item'), + $menu = $('#toc'), + $hideMenu = $('#toc .hide.item'), + $search = $('#search'), + $sortTable = $('.sortable.table'), + $demo = $('.demo'), + $begSegment = $('.beg.segment'), + + $fullHeightContainer = $('.pusher > .full.height'), + $container = $('.main.container'), + $allHeaders = $('.main.container > h2, .main.container > .tab > h2, .main.container > .tab > .examples h2'), + $sectionHeaders = $container.children('h2'), + $followMenu = $container.find('.following.menu'), + $sectionExample = $container.find('.example'), + $exampleHeaders = $sectionExample.children('h4'), + $footer = $('.page > .footer'), + + $menuMusic = $('.ui.main.menu .music.item'), + $menuPopup = $('.ui.main.menu .popup.item'), + $pageDropdown = $('.ui.main.menu .page.dropdown'), + $pageTabs = $('.masthead.tab.segment .tabs.menu .item'), + + $languageDropdown = $('.language.dropdown'), + $chineseModal = $('.chinese.modal'), + $languageModal = $('.language.modal'), + + $downloadPopup = $('.download.button'), + $downloads = $('.download.popup'), + $downloadFramework = $('.framework.column .button'), + $downloadInput = $('.download.popup input'), + $downloadStandalone = $('.standalone.column .button'), + + $helpPopup = $('.header .help'), + + $example = $('.example'), + $popupExample = $example.not('.no'), + $shownExample = $example.filter('.shown'), + $prerenderedExample = $example.has('.ui.checkbox, .ui.dropdown, .ui.search, .ui.progress, .ui.rating, .ui.dimmer, .ui.embed, .ui.placeholder'), + + $visibilityExample = $example.filter('.visiblity').find('.overlay, .demo.segment, .items img'), + + + $sidebarButton = $('.fixed.launch.button'), + $code = $('div.code').not('.existing'), + $existingCode = $('.existing.code'), + + expertiseLevel = ($.cookie !== undefined) + ? $.cookie('expertiseLevel') || 0 + : 0, + languageDropdownUsed = false, + + metadata, + + requestAnimationFrame = window.requestAnimationFrame + || window.mozRequestAnimationFrame + || window.webkitRequestAnimationFrame + || window.msRequestAnimationFrame + || function(callback) { setTimeout(callback, 0); }, + + // alias + handler + ; + + + // event handlers + handler = { + + getMetadata: function() { + $.api({ + debug : false, + on : 'now', + url : '/metadata.json', + cache : 'local', + onSuccess: function(response) { + metadata = response; + } + }); + }, + + showBeg: function() { + if(window.localStorage !== undefined) { + $begSegment + .find('.delete.icon') + .on('click', handler.hideBeg) + ; + if(!window.localStorage.getItem('begDismissed')) { + $begSegment.transition('slide down'); + } + } + }, + + hideBeg: function() { + $begSegment.transition('slide down'); + if(window.localStorage !== undefined) { + window.localStorage.setItem('begDismissed', true); + } + }, + + createIcon: function() { + $example + .each(function(){ + var + $insertPoint = $(this).is('.another') + ? $(this).children().eq(0) + : $(this).children().eq(1) + ; + $('') + .addClass('fitted icon code') + .insertBefore( $insertPoint ) + ; + }) + .find('i.code') + .on('click', handler.createCode) + ; + }, + + shortcut: { + modal: function() { + var + $modal = $('#shortcuts'), + shortcutModalExists, + shortcut, + index + ; + if(!shortcutModalExists) { + var + html = ''; + $('body').append(html); + $modal = $('#shortcuts'); + } + $('#shortcuts').modal('show'); + } + }, + + createWaypoints: function() { + $sectionHeaders + .visibility({ + observeChanges: false, + once: false, + offset: 50, + onTopPassed: handler.activate.section, + onTopPassedReverse: handler.activate.previous + }) + ; + + $sectionExample + .visibility({ + observeChanges: false, + once: false, + offset: 50, + onTopPassed: handler.activate.example, + onBottomPassedReverse: handler.activate.example + }) + ; + $footer + .visibility({ + observeChanges: false, + once: false, + onBottomVisible: function(calculations) { + var + $title = $followMenu.find('> .item > .title').last() + ; + $followMenu + .accordion('open', $title) + ; + } + }) + ; + }, + + activate: { + previous: function() { + var + $menuItems = $followMenu.children('.item'), + $section = $menuItems.filter('.active'), + index = $menuItems.index($section) + ; + if($section.prev().length > 0) { + $section + .removeClass('active') + .prev('.item') + .addClass('active') + ; + $followMenu + .accordion('open', index - 1) + ; + } + }, + accordion: function() { + var + $section = $(this), + index = $sectionHeaders.index($section), + $followSection = $followMenu.children('.item'), + $activeSection = $followSection.eq(index) + ; + }, + section: function() { + var + $section = $(this), + index = $sectionHeaders.index($section), + $followSection = $followMenu.children('.item'), + $activeSection = $followSection.eq(index), + isActive = $activeSection.hasClass('active') + ; + if(!isActive) { + $followSection.filter('.active') + .removeClass('active') + ; + $activeSection + .addClass('active') + ; + $followMenu + .accordion('open', index) + ; + } + }, + example: function() { + var + $section = $(this).children('h4').eq(0), + index = $exampleHeaders.index($section), + $followSection = $followMenu.find('.menu > .item'), + $activeSection = $followSection.eq(index), + inClosedTab = ($(this).closest('.tab:not(.active)').length > 0), + anotherExample = ($(this).filter('.another.example').length > 0), + isActive = $activeSection.hasClass('active') + ; + if(index !== -1 && !inClosedTab && !anotherExample && !isActive) { + $followSection.filter('.active') + .removeClass('active') + ; + $activeSection + .addClass('active') + ; + } + } + }, + + translatePage: function(languageCode, text, $choice) { + languageDropdownUsed = true; + if(window.Transifex !== undefined) { + window.Transifex.live.translateTo(languageCode, true); + } + }, + + showLanguageModal: function(languageCode) { + var + $choice = $languageDropdown.find('[data-value="' + languageCode + '"]').eq(0), + percent = $choice.data('percent') || 0, + text = $choice.text() + ; + // dont trigger on translate event every page load + if(languageDropdownUsed) { + if(languageCode == 'zh' && window.location.host.replace('www.','') !== 'semantic-ui.cn') { + $chineseModal + .modal({ + closable: false + }) + .modal('show') + ; + } + else if(percent < 100) { + languageDropdownUsed = false; + $languageModal + .modal() + .find('.header .name') + .html(text) + .end() + .find('.complete') + .html(percent) + .end() + ; + $languageModal + .modal('show', function() { + $('.language.modal .progress .bar').css('width', percent + '%'); + }) + ; + } + } + }, + + tryCreateMenu: function(event) { + if($(window).width() > 640 && !$('body').hasClass('basic')) { + if($container.length > 0 && $container.find('.following.menu').length === 0) { + handler.createMenu(); + handler.createWaypoints(); + $(window).off('resize.menu'); + } + } + }, + + createAnchors: function() { + $allHeaders + .each(function() { + var + $section = $(this), + text = handler.getText($section), + safeName = handler.getSafeName(text), + id = window.escape(safeName), + $anchor = $('').addClass('anchor').attr('id', id) + ; + $section + .append($anchor) + ; + }) + ; + $example + .each(function() { + var + $title = $(this).children('h4').eq(0), + text = handler.getText($title), + safeName = handler.getSafeName(text), + id = window.escape(safeName), + $anchor = $('').addClass('anchor').attr('id', id) + ; + if($title.length > 0) { + $title.after($anchor); + } + }) + ; + + }, + + getPageTitle: function() { + return $.trim($('h1').eq(0).contents().filter(function() { return this.nodeType == 3; }).text().toLowerCase()); + }, + getSafeName: function(text) { + return text.replace(/\s+/g, '-').replace(/[^-,'A-Za-z0-9]+/g, '').toLowerCase(); + }, + + getText: function($element) { + $element = ($element.find('a').not('.label, .anchor').length > 0) + ? $element.find('a') + : $element + ; + var + $text = $element.contents().filter(function(){ + return this.nodeType == 3; + }) + ; + return ($text.length > 0) + ? $text[0].nodeValue.trim() + : $element.find('a').text().trim() + ; + }, + + createMenu: function() { + // grab each h3 + var + html = '', + pageTitle = handler.getPageTitle(), + title = pageTitle.charAt(0).toUpperCase() + pageTitle.slice(1), + $sticky, + $rail + ; + $sectionHeaders + .each(function(index) { + var + $currentHeader = $(this), + $nextElements = $currentHeader.nextUntil('h2'), + $examples = $nextElements.find('.example:not(.another)').addBack().filter('.example:not(.another)'), + activeClass = (index === 0) + ? 'active ' + : '', + text = handler.getText($currentHeader), + safeName = handler.getSafeName(text), + id = window.escape(safeName), + $anchor = $('').addClass('anchor').attr('id', id) + ; + html += '
'; + if($examples.length === 0) { + html += '' + $(this).text() + ''; + } + else { + html += ' ' + $(this).text() + ''; + } + if($examples.length > 0) { + html += ''; + } + html += '
'; + }) + ; + $followMenu = $('
') + .addClass('ui vertical following fluid accordion text menu') + .html(html) + ; + /* Advert + var $advertisement = $('
') + .addClass('advertisement') + .html('') + ; + */ + $sticky = $('
') + .addClass('ui sticky') + .html($followMenu) + //.prepend($advertisement) + .prepend('

' + title + '

') + ; + $rail = $('
') + .addClass('ui dividing right rail') + .html($sticky) + .prependTo($container) + ; + $sticky.sticky({ + silent: true, + context: $container, + container: $('html'), + offset: 30 + }); + $followMenu + .accordion({ + exclusive: false, + animateChildren: false, + onChange: function() { + $('.ui.sticky').sticky('refresh'); + } + }) + .find('.menu a[href], .title[href]') + .on('click', handler.scrollTo) + ; + }, + + scrollTo: function(event) { + var + id = $(this).attr('href').replace('#', ''), + $element = $('#' + id), + position = $element.offset().top + 10 + ; + $element + .addClass('active') + ; + $('html, body') + .stop() + .animate({ + scrollTop: position + }, 500) + ; + location.hash = '#' + id; + event.stopImmediatePropagation(); + event.preventDefault(); + return false; + }, + + 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), + element = $themeDropdown.data('element'), + urlData = { + theme : typeof(theme === 'string') + ? theme.toLowerCase() + : theme, + type : $themeDropdown.data('type'), + element : $themeDropdown.data('element') + }, + variables = { + theme: urlData.theme + } + ; + variables[element] = urlData.theme; + window.less.modifyVars(variables); + + $themeDropdown + .api({ + on : 'now', + debug : true, + action : 'getVariables', + dataType : 'text', + urlData : urlData, + onSuccess: function(content) { + window.less.modifyVars( handler.less.parseFile(content) ); + $themeDropdown + .api({ + on : 'now', + action : 'getOverrides', + dataType : 'text', + urlData : urlData, + onSuccess: function(content) { + if( $('style.override').length > 0 ) { + $('style.override').remove(); + } + console.log(content); + $('') + .addClass('override') + .appendTo('body') + ; + $sticky.sticky('refresh'); + } + }) + ; + } + }) + ; + } + + }, + + create: { + examples: function(json) { + var + types = json['Types'], + text = json['Text'], + states = json['States'], + variations = json['Variations'], + + $element, + html + ; + $.each(types, function(name, type){ + html += '

' + name + ' 0) + ? 6 + : 4 + ; + } + if(leadingSpaces !== 0) { + indent = leadingSpaces; + } + else { + // string has already been trimmed, get first indented line and subtract 2 + $.each(lines, function(index, line) { + leadingSpaces = line.length - line.replace(/^\s*/g, '').length; + if(leadingSpaces !== 0) { + indent = leadingSpaces - spacesPerIndent; + return false; + } + }); + } + return indent || 4; + }, + + generateCode: function() { + var + $example = $(this).closest('.example'), + $annotation = $example.find('.annotation'), + $code = $annotation.find('.code'), + $intro = $example.children().not('.ignored, h4:first-child').filter('.ui, i:not(.code)').eq(0).prevAll(), + $ignored = $('i.code:last-child, .wireframe, .anchor, .code, .existing, .instructive, .language.label, .annotation, br, .ignore, .ignored'), + $demo = $example.children().not($intro).not($ignored), + code = '' + ; + if( $code.length === 0) { + $demo + .each(function() { + var + $this = $(this).clone(false), + $wireframe = $this.find('.wireframe').add($this.filter('.wireframe')) + ; + $wireframe + .each(function() { + var + src = $(this).attr('src'), + image = (src.search('image') !== -1), + paragraph = (src.search('paragraph') !== -1) + ; + if(paragraph) { + $(this).replaceWith('

'); + } + else if(image) { + $(this).replaceWith(''); + } + }) + ; + + // remove wireframe images + $this.find('.wireframe').remove(); + + if($this.not('br').not('.wireframe')) { + // allow inline styles only with this one class + if($this.is('.my-container')) { + code += $this.get(0).outerHTML + "\n"; + } + else { + code += $this.removeAttr('style').get(0).outerHTML + "\n"; + } + } + }) + ; + } + $example.data('code', code); + return code; + }, + + copyCode: function() { + $(this) + .popup('change content', 'Copied to clipboard') + ; + }, + + createCode: function() { + var + $example = $(this).closest('.example'), + $intro = $example.children().not('.ignored, h4:first-child').filter('.ui, i:not(.code)').eq(0).prevAll(), + $annotation = $example.find('.annotation'), + $code = $annotation.find('.code'), + $html = $example.children('.html'), + $ignoredContent = $('.ui.popup, i.code:last-child, .anchor, .code, .existing.segment, .instructive, .language.label, .annotation, .ignore, style, script, .ignored'), + $demo = $example.children().not($intro).not($ignoredContent), + code = $example.data('code') || $.proxy(handler.generateCode, this)(), + $copyCode, + $label + ; + + // process existing code first + if( $code.hasClass('existing') ) { + $code.removeClass('existing'); + $.proxy(handler.initializeCode, $code)(true); + } + + // create annotation wrapper + if($annotation.length === 0) { + $annotation = $('
') + .addClass('annotation') + .hide() + .insertAfter($demo.last()) + ; + } + + if($html.length === 0) { + $html = $('
').insertBefore($annotation); + $label = $('
').html('Example '); + $copyCode = $label.find('i.copy'); + $copyCode + .on('click', handler.copyCode) + .popup({ + variation : 'inverted', + distanceAway : 6 + }) + ; + $label + .prependTo($html) + ; + new Clipboard($copyCode.get(0), { + text: function() { + var + code = $copyCode.closest('.example').data('code') || '' + ; + return handler.formatCode(code); + } + }); + if($demo.length === 0) { + $html.addClass('empty'); + } + else { + $demo + .detach() + .prependTo($html) + ; + } + } + + // create code inside annotation wrapper + if( $example.find('.instructive').length === 0) { + $code = $('
') + .data('type', 'html') + .addClass('code') + .html(code) + .hide() + .appendTo($annotation) + ; + $.proxy(handler.initializeCode, $code)(true); + } + if( $annotation.hasClass('visible') ) { + $annotation.transition('hide'); + $html.removeClass('ui top attached segment'); + } + else { + $html.addClass('ui top attached segment'); + $intro.css('display', ''); + $annotation.transition('show'); + } + setTimeout(function() { + handler.refreshSticky(); + }, 400); + }, + + refreshSticky: function() { + $sectionHeaders.visibility('refresh'); + $sectionExample.visibility('refresh'); + $('.ui.sticky').sticky('refresh'); + $footer.visibility('refresh'); + $visibilityExample.visibility('refresh'); + }, + + createAnnotation: function() { + if(!$(this).data('type')) { + $(this).data('type', 'html'); + } + $(this) + .wrap('
') + .parent() + .hide() + ; + }, + + makeCode: function() { + if(window.hljs !== undefined) { + $code + .filter(':visible') + .each(handler.initializeCode) + ; + $existingCode + .each(handler.createAnnotation) + ; + } + else { + console.log('Syntax highlighting not found'); + } + }, + + highlightClasses: function($code) { + var + $closestExample = $code.closest('.example'), + $example = ($closestExample.length === 0) + ? $code.closest('.segment').prevAll('.example').not('.another').eq(0) + : ($closestExample.hasClass('another')) + ? $closestExample.prevAll('.example').not('.another').eq(0) + : $closestExample, + $header = $example.find('h4').eq(0), + $attributes = $code.find('.attribute, .class'), + $tags = $code.find('.title'), + pageName = handler.getPageTitle(), + name = handler.getText($header).toLowerCase(), + classes = $example.data('class') || '', + tags = $example.data('tag') || false, + useContent = $example.data('use-content') || false + ; + // Add title + if(name) { + if(name == pageName) { + name = 'ui ' + name; + } + classes = (classes === '') + ? name + : classes + ',' + name + ; + } + // Add common variations + classes = classes.replace('text alignment', "left aligned, right aligned, justified, center aligned"); + classes = classes.replace('floated', "right floated,left floated,floated"); + classes = classes.replace('floating', "right floated,left floated,floated"); + classes = classes.replace('horizontally aligned', "left aligned, center aligned, right aligned, justified"); + classes = classes.replace('vertically aligned', "top aligned, middle aligned, bottom aligned"); + classes = classes.replace('vertically attached', "attached"); + classes = classes.replace('horizontally attached', "attached"); + classes = classes.replace('padded', "very padded, padded"); + classes = classes.replace('relaxed', "very relaxed, relaxed"); + classes = classes.replace('attached', "left attached,right attached,top attached,bottom attached,attached"); + classes = classes.replace('wide', "one wide,two wide,three wide,four wide,five wide,six wide,seven wide,eight wide,nine wide,ten wide,eleven wide,twelve wide,thirteen wide,fourteen wide,fifteen wide,sixteen wide"); + classes = classes.replace('count', "one,two,three,four,five,six,seven,eight,nine,ten,eleven,twelve,thirteen,fourteen,fifteen,sixteen"); + classes = classes.replace('column count', "one column,two column,three column,four column,five column,six column,seven column,eight column,nine column,ten column,eleven column,twelve column,thirteen column,fourteen column,fifteen column,sixteen column"); + classes = classes.replace('evenly divided', "one,two,three,four,five,six,seven,eight,nine,ten,eleven,twelve,thirteen,fourteen,fifteen,sixteen"); + classes = classes.replace('size', "mini,tiny,small,medium,large,big,huge,massive"); + classes = classes.replace('emphasis', "primary,secondary,tertiary"); + classes = classes.replace('colored', "red,orange,yellow,olive,green,teal,blue,violet,purple,pink,brown,grey,black"); + classes = (classes !== '') + ? classes.split(',') + : [] + ; + // highlight tags if asked + if(tags) { + tags = (tags !== '') + ? tags.split(',') + : [] + ; + $tags.each(function() { + var + $tag = $(this), + tagHTML = $tag.html(), + newHTML = false + ; + $.each(tags, function(index, tag) { + if(tagHTML == tag) { + newHTML = tagHTML.replace(tag, '' + tag + ''); + } + }); + if(newHTML) { + $tag + .addClass('class') + .html(newHTML) + ; + } + }); + } + // highlight classes + $attributes.each(function() { + var + $attribute = $(this), + attributeHTML = $attribute.html(), + $tag, + $value, + tagHTML, + isUI, + isPageElement, + isOtherUI, + isOtherIcon, + classNames, + classString, + html, + newHTML + ; + // only parse classes + if(attributeHTML.search('class') === -1) { + return true; + } + $value = $attribute.next('.value, .string').eq(0); + $tag = $attribute.prev('.title').eq(0); + tagHTML = $tag.html(); + html = $value.html(); + classNames = html.replace(/\"/g, '').split(' '); + + isUI = (html.search('ui') !== -1); + isPageElement = (html.search(pageName) > 0); + isOtherUI = (!isPageElement && isUI); + isOtherIcon = (!isPageElement && tagHTML === 'i' && html.search('icon') !== -1); + // check if any class match + $.each(classes, function(index, string) { + var + className = $.trim(string), + isClassMatch = (html.search(className) !== -1) + ; + if(className === '') { + return true; + } + // class match on current page element (or content if allowed) + if(isClassMatch && (isPageElement || useContent) ) { + newHTML = html.replace(className, '' + className + ''); + return false; + } + }); + + // generate links to other UI + if(isOtherUI || isOtherIcon) { + html = newHTML || html; + classString = /^\"(.*)\"/g.exec(html); + if(!classString || classString.length < 2) { + return true; + } + classString = classString[1]; + $.each(classNames, function(index, string){ + var + className = string.replace('"', '') + ; + // yep.. + if(className == 'item') { + return; + } + if(metadata && metadata[className] && metadata[className].url) { + // we found a match + newHTML = html.replace(classString, '' + classString + ''); + } + }); + } + + if(newHTML) { + $value + .addClass('class') + .html(newHTML) + ; + } + }); + + }, + + formatCode: function(code) { + var + indent = handler.getIndent(code) || 2, + whiteSpace = new RegExp('\\n\\s{' + indent + '}', 'g') + ; + return $.trim(code).replace(whiteSpace, '\n'); + }, + + initializeCode: function(codeSample) { + var + $code = $(this).show(), + $codeTag = $(''), + codeSample = codeSample || false, + code = $code.html(), + existingCode = $code.hasClass('existing'), + evaluatedCode = $code.hasClass('evaluated'), + contentType = $code.data('type') || 'html', + title = $code.data('title') || false, + less = $code.data('less') || false, + demo = $code.data('demo') || false, + eval = $code.data('eval') || false, + preview = $code.data('preview') || false, + label = $code.data('label') || false, + preserve = $code.data('preserve') || false, + escape = $code.data('escape') || false, + displayType = { + html : 'HTML', + javascript : 'Javascript', + css : 'CSS', + text : 'Command Line', + sh : 'Command Line' + }, + padding = 20, + name = (codeSample === true) + ? 'instructive bottom attached' + : 'existing', + formattedCode = code, + styledCode, + $example, + $label, + codeHeight + ; + var entityMap = { + "&" : "&", + "<" : "<", + ">" : ">", + '"' : '"', + ''' : "'", + '/' : "/" + }; + contentType = contentType.toLowerCase(); + + function escapeHTML(string) { + return $('
').html(string).text(); + } + + + // escape html entities + if(contentType != 'html' || escape) { + code = escapeHTML(code); + } + + // evaluate if specified + if(evaluatedCode) { + window.eval(code); + } + + // should trim whitespace + if(preserve) { + formattedCode = code; + } + else { + formattedCode = handler.formatCode(code); + } + + // color code + formattedCode = window.hljs.highlightAuto(formattedCode); + + // create tag + $codeTag + .addClass($code.attr('class')) + .addClass(formattedCode.language) + .html(formattedCode.value) + ; + // replace
with + $code.replaceWith($codeTag); + $code = $codeTag; + $code + .wrap('
') + .wrap('
')
+      ;
+
+      if(contentType == 'html') {
+        // add class emphasis to used classes
+        handler.highlightClasses($code);
+      }
+
+      // add label
+      if(title) {
+        $('
') + .addClass('ui attached top label') + .html('' + title + '' + '' + (displayType[contentType] || contentType) + '') + .prependTo( $code.closest('.segment') ) + ; + } + if(label) { + $('
') + .addClass('ui pointing below ignored language label') + .html(displayType[contentType] || contentType) + .insertBefore ( $code.closest('.segment') ) + ; + } + // add apply less button + if(less) { + $('') + .addClass('ui black pointing below ignored label') + .html('Apply Theme') + .on('click', function() { + window.less.modifyVars( handler.less.parseFile( code ) ); + }) + .insertBefore ( $code.closest('.segment') ) + ; + } + // add run code button + if(demo) { + $('') + .addClass('ui black pointing below ignored label') + .html('Run Code') + .on('click', function() { + if(eval) { + window.eval(eval); + } + else { + window.eval(code); + } + }) + .insertBefore ( $code.closest('.segment') ) + ; + } + // add preview if specified + if(preview) { + $(code) + .insertAfter( $code.closest('.segment') ) + ; + } + + $code.removeClass('hidden'); + + }, + + resetDownloads: function() { + $downloads + .find('.grid') + .hide() + .filter('.choice.grid') + .show() + ; + }, + + selectAll: function () { + this.setSelectionRange(0, this.value.length); + }, + + chooseStandalone: function() { + $downloads + .find('.grid') + .hide() + .filter('.standalone.grid') + .show() + ; + $downloadPopup.popup('reposition'); + }, + + chooseFramework: function() { + $downloads + .find('.grid') + .hide() + .filter('.framework.grid') + .show() + ; + $downloadPopup.popup('reposition'); + }, + + swapStyle: function() { + var + theme = $(this).data('theme') + ; + $(this) + .addClass('active') + .siblings() + .removeClass('active') + ; + $('head link.ui') + .each(function() { + var + href = $(this).attr('href'), + subDirectory = href.split('/')[3], + newLink = href.replace(subDirectory, theme) + ; + $(this) + .attr('href', newLink) + ; + }) + ; + } + }; + + semantic.handler = handler; + + // code highlighting languages + window.hljs.configure({ + classPrefix : '', + languages : [ + 'xml', + 'bash', + 'css', + 'less', + 'javascript' + ] + }); + + // add anchors to docs headers + handler.createAnchors(); + + // register less files + window.less.registerStylesheets(); + + + // load page tabs + if( $pageTabs.length > 0 ) { + $pageTabs + .tab({ + context : '.main.container', + childrenOnly : true, + history : true, + onFirstLoad : function() { + handler.makeCode(); + + $container = ($('.fixed.column').length > 0 ) + ? $(this).find('.examples') + : $(this) + ; + $(this).find('> .rail .ui.sticky, .fixed .ui.sticky') + .sticky({ + context: $container, + container: $('html'), + silent: true, + offset: 30 + }) + ; + $sectionHeaders = $container.children('h2'); + $sectionExample = $container.find('.example'); + $exampleHeaders = $sectionExample.children('h4'); + // create code + handler.tryCreateMenu(); + $(window).on('resize.menu', function() { + handler.tryCreateMenu(); + }); + }, + onLoad : function() { + $(this).find('.ui.sticky') + .sticky('refresh') + ; + } + }) + ; + } + else { + handler.makeCode(); + handler.tryCreateMenu(); + $(window).on('resize.menu', function() { + handler.tryCreateMenu(); + }); + } + + $shownExample + .each(handler.createCode) + ; + $prerenderedExample + .each(handler.generateCode) + ; + + // main sidebar + $menu + .sidebar({ + dimPage : true, + transition : 'overlay', + mobileTransition : 'uncover' + }) + ; + + // launch buttons + $menu + .sidebar('attach events', '.launch.button, .view-ui, .launch.item') + ; + + handler.createIcon(); + + if(expertiseLevel < 2 && $(window).width() > 640) { + $popupExample + .each(function() { + $(this) + .popup({ + preserve: false, + on : 'hover', + variation: 'inverted', + delay: { + show: 500, + hide: 100 + }, + position : 'top left', + content : 'View Source', + target : $(this).find('i.code') + }) + .find('i.code') + .on('click', function() { + $.cookie('expertiseLevel', 2, { + expires: 365 + }); + }) + ; + }) + ; + } + + $menuMusic + .on('click', handler.openMusic) + ; + + $downloadPopup + .popup({ + transition : 'horizontal flip', + duration : 350, + position : 'bottom center', + on : 'click', + onHidden : handler.resetDownloads + }) + ; + $downloadInput + .on('mouseup', handler.selectAll) + ; + $downloadFramework + .on('click', handler.chooseFramework) + ; + $downloadStandalone + .on('click', handler.chooseStandalone) + ; + + $themeDropdown + .dropdown({ + allowTab: false, + onChange: handler.less.changeTheme + }) + ; + + if($.fn.tablesort !== undefined && $sortTable.length > 0) { + $sortTable + .tablesort() + ; + } + + $helpPopup + .popup({ + position: 'top left', + variation: 'inverted' + }) + ; + + $swap + .on('click', handler.swapStyle) + ; + + + $menuPopup + .add($languageDropdown) + .popup({ + position : 'bottom center', + delay: { + show: 100, + hide: 50 + } + }) + ; + + $pageDropdown + .dropdown({ + on : 'hover', + action : 'nothing', + allowTab : false + }) + ; + + $languageDropdown + .dropdown({ + allowTab : false, + on : 'click', + fullTextSearch : 'exact', + match : 'text', + onShow : function() { + $(this).popup('hide'); + }, + onChange : handler.translatePage + }) + ; + + //$.fn.api.settings.base = '//api.semantic-ui.com'; + $.extend($.fn.api.settings.api, { + categorySearch : '//api.semantic-ui.com/search/category/{query}', + getOverrides : '/src/themes/{$theme}/{$type}s/{$element}.overrides', + getVariables : '/src/themes/{$theme}/{$type}s/{$element}.variables', + search : '//api.semantic-ui.com/search/{query}' + }); + + if(window.Transifex !== undefined) { + window.Transifex.live.onTranslatePage(handler.showLanguageModal); + } + + if(typeof detectAdBlock === 'undefined') { + handler.showBeg(); + } + else { + detectAdBlock.onDetected(handler.showBeg); + } + + if(window.location.hash) { + var + $element = $(window.location.hash), + position = $element.offset().top + 10 + ; + $element + .addClass('active') + ; + $('html, body') + .stop() + .animate({ + scrollTop: position + }, 500) + ; + } + + handler.getMetadata(); + +}; + + +// attach ready event +$(document) + .ready(semantic.ready) +; diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/dropdown.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/dropdown.css new file mode 100644 index 00000000..3452547e --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/dropdown.css @@ -0,0 +1,1526 @@ + /* + * # 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 - Dropdown + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + + +/******************************* + Dropdown +*******************************/ + +.ui.dropdown { + cursor: pointer; + position: relative; + display: inline-block; + outline: none; + text-align: left; + -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; + transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; + transition: box-shadow 0.1s ease, width 0.1s ease; + transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + + +/******************************* + Content +*******************************/ + + +/*-------------- + Menu +---------------*/ + +.ui.dropdown .menu { + cursor: auto; + position: absolute; + display: none; + outline: none; + top: 100%; + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + margin: 0em; + padding: 0em 0em; + background: #FFFFFF; + font-size: 1em; + text-shadow: none; + text-align: left; + -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + border: 1px solid rgba(34, 36, 38, 0.15); + border-radius: 0.28571429rem; + -webkit-transition: opacity 0.1s ease; + transition: opacity 0.1s ease; + z-index: 11; + will-change: transform, opacity; +} +.ui.dropdown .menu > * { + white-space: nowrap; +} + +/*-------------- + Hidden Input +---------------*/ + +.ui.dropdown > input:not(.search):first-child, +.ui.dropdown > select { + display: none !important; +} + +/*-------------- + Dropdown Icon +---------------*/ + +.ui.dropdown > .dropdown.icon { + position: relative; + width: auto; + font-size: 0.85714286em; + margin: 0em 0em 0em 1em; +} +.ui.dropdown .menu > .item .dropdown.icon { + width: auto; + float: right; + margin: 0em 0em 0em 1em; +} +.ui.dropdown .menu > .item .dropdown.icon + .text { + margin-right: 1em; +} + +/*-------------- + Text +---------------*/ + +.ui.dropdown > .text { + display: inline-block; + -webkit-transition: none; + transition: none; +} + +/*-------------- + Menu Item +---------------*/ + +.ui.dropdown .menu > .item { + position: relative; + cursor: pointer; + display: block; + border: none; + height: auto; + text-align: left; + border-top: none; + line-height: 1em; + color: rgba(0, 0, 0, 0.87); + padding: 0.78571429rem 1.14285714rem !important; + font-size: 1rem; + text-transform: none; + font-weight: normal; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-touch-callout: none; +} +.ui.dropdown .menu > .item:first-child { + border-top-width: 0px; +} + +/*-------------- + Floated Content +---------------*/ + +.ui.dropdown > .text > [class*="right floated"], +.ui.dropdown .menu .item > [class*="right floated"] { + float: right !important; + margin-right: 0em !important; + margin-left: 1em !important; +} +.ui.dropdown > .text > [class*="left floated"], +.ui.dropdown .menu .item > [class*="left floated"] { + float: left !important; + margin-left: 0em !important; + margin-right: 1em !important; +} +.ui.dropdown .menu .item > .icon.floated, +.ui.dropdown .menu .item > .flag.floated, +.ui.dropdown .menu .item > .image.floated, +.ui.dropdown .menu .item > img.floated { + margin-top: 0em; +} + +/*-------------- + Menu Divider +---------------*/ + +.ui.dropdown .menu > .header { + margin: 1rem 0rem 0.75rem; + padding: 0em 1.14285714rem; + color: rgba(0, 0, 0, 0.85); + font-size: 0.78571429em; + font-weight: bold; + text-transform: uppercase; +} +.ui.dropdown .menu > .divider { + border-top: 1px solid rgba(34, 36, 38, 0.1); + height: 0em; + margin: 0.5em 0em; +} +.ui.dropdown.dropdown .menu > .input { + width: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 1.14285714rem 0.78571429rem; + min-width: 10rem; +} +.ui.dropdown .menu > .header + .input { + margin-top: 0em; +} +.ui.dropdown .menu > .input:not(.transparent) input { + padding: 0.5em 1em; +} +.ui.dropdown .menu > .input:not(.transparent) .button, +.ui.dropdown .menu > .input:not(.transparent) .icon, +.ui.dropdown .menu > .input:not(.transparent) .label { + padding-top: 0.5em; + padding-bottom: 0.5em; +} + +/*----------------- + Item Description +-------------------*/ + +.ui.dropdown > .text > .description, +.ui.dropdown .menu > .item > .description { + float: right; + margin: 0em 0em 0em 1em; + color: rgba(0, 0, 0, 0.4); +} + +/*----------------- + Message +-------------------*/ + +.ui.dropdown .menu > .message { + padding: 0.78571429rem 1.14285714rem; + font-weight: normal; +} +.ui.dropdown .menu > .message:not(.ui) { + color: rgba(0, 0, 0, 0.4); +} + +/*-------------- + Sub Menu +---------------*/ + +.ui.dropdown .menu .menu { + top: 0% !important; + left: 100%; + right: auto; + margin: 0em 0em 0em -0.5em !important; + border-radius: 0.28571429rem !important; + z-index: 21 !important; +} + +/* Hide Arrow */ +.ui.dropdown .menu .menu:after { + display: none; +} + +/*-------------- + Sub Elements +---------------*/ + + +/* Icons / Flags / Labels / Image */ +.ui.dropdown > .text > .icon, +.ui.dropdown > .text > .label, +.ui.dropdown > .text > .flag, +.ui.dropdown > .text > img, +.ui.dropdown > .text > .image { + margin-top: 0em; +} +.ui.dropdown .menu > .item > .icon, +.ui.dropdown .menu > .item > .label, +.ui.dropdown .menu > .item > .flag, +.ui.dropdown .menu > .item > .image, +.ui.dropdown .menu > .item > img { + margin-top: 0em; +} +.ui.dropdown > .text > .icon, +.ui.dropdown > .text > .label, +.ui.dropdown > .text > .flag, +.ui.dropdown > .text > img, +.ui.dropdown > .text > .image, +.ui.dropdown .menu > .item > .icon, +.ui.dropdown .menu > .item > .label, +.ui.dropdown .menu > .item > .flag, +.ui.dropdown .menu > .item > .image, +.ui.dropdown .menu > .item > img { + margin-left: 0em; + float: none; + margin-right: 0.78571429rem; +} + +/*-------------- + Image +---------------*/ + +.ui.dropdown > .text > img, +.ui.dropdown > .text > .image, +.ui.dropdown .menu > .item > .image, +.ui.dropdown .menu > .item > img { + display: inline-block; + vertical-align: top; + width: auto; + margin-top: -0.5em; + margin-bottom: -0.5em; + max-height: 2em; +} + + +/******************************* + Coupling +*******************************/ + + +/*-------------- + Menu +---------------*/ + + +/* Remove Menu Item Divider */ +.ui.dropdown .ui.menu > .item:before, +.ui.menu .ui.dropdown .menu > .item:before { + display: none; +} + +/* Prevent Menu Item Border */ +.ui.menu .ui.dropdown .menu .active.item { + border-left: none; +} + +/* Automatically float dropdown menu right on last menu item */ +.ui.menu .right.menu .dropdown:last-child .menu, +.ui.menu .right.dropdown.item .menu, +.ui.buttons > .ui.dropdown:last-child .menu { + left: auto; + right: 0em; +} + +/*-------------- + Label +---------------*/ + + +/* Dropdown Menu */ +.ui.label.dropdown .menu { + min-width: 100%; +} + +/*-------------- + Button +---------------*/ + + +/* No Margin On Icon Button */ +.ui.dropdown.icon.button > .dropdown.icon { + margin: 0em; +} +.ui.button.dropdown .menu { + min-width: 100%; +} + + +/******************************* + Types +*******************************/ + + +/*-------------- + Selection +---------------*/ + + +/* Displays like a select box */ +.ui.selection.dropdown { + cursor: pointer; + word-wrap: break-word; + line-height: 1em; + white-space: normal; + outline: 0; + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); + min-width: 14em; + min-height: 2.71428571em; + background: #FFFFFF; + display: inline-block; + padding: 0.78571429em 2.1em 0.78571429em 1em; + color: rgba(0, 0, 0, 0.87); + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid rgba(34, 36, 38, 0.15); + border-radius: 0.28571429rem; + -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; + transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; + transition: box-shadow 0.1s ease, width 0.1s ease; + transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; +} +.ui.selection.dropdown.visible, +.ui.selection.dropdown.active { + z-index: 10; +} +select.ui.dropdown { + height: 38px; + padding: 0.5em; + border: 1px solid rgba(34, 36, 38, 0.15); + visibility: visible; +} +.ui.selection.dropdown > .search.icon, +.ui.selection.dropdown > .delete.icon, +.ui.selection.dropdown > .dropdown.icon { + cursor: pointer; + position: absolute; + width: auto; + height: auto; + line-height: 1.21428571em; + top: 0.78571429em; + right: 1em; + z-index: 3; + margin: -0.78571429em; + padding: 0.91666667em; + opacity: 0.8; + -webkit-transition: opacity 0.1s ease; + transition: opacity 0.1s ease; +} + +/* Compact */ +.ui.compact.selection.dropdown { + min-width: 0px; +} + +/* Selection Menu */ +.ui.selection.dropdown .menu { + overflow-x: hidden; + overflow-y: auto; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: touch; + border-top-width: 0px !important; + width: auto; + outline: none; + margin: 0px -1px; + min-width: calc(100% + 2px ); + width: calc(100% + 2px ); + border-radius: 0em 0em 0.28571429rem 0.28571429rem; + -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + -webkit-transition: opacity 0.1s ease; + transition: opacity 0.1s ease; +} +.ui.selection.dropdown .menu:after, +.ui.selection.dropdown .menu:before { + display: none; +} + +/*-------------- + Message +---------------*/ + +.ui.selection.dropdown .menu > .message { + padding: 0.78571429rem 1.14285714rem; +} +@media only screen and (max-width: 767px) { + .ui.selection.dropdown .menu { + max-height: 8.01428571rem; + } +} +@media only screen and (min-width: 768px) { + .ui.selection.dropdown .menu { + max-height: 10.68571429rem; + } +} +@media only screen and (min-width: 992px) { + .ui.selection.dropdown .menu { + max-height: 16.02857143rem; + } +} +@media only screen and (min-width: 1920px) { + .ui.selection.dropdown .menu { + max-height: 21.37142857rem; + } +} + +/* Menu Item */ +.ui.selection.dropdown .menu > .item { + border-top: 1px solid #FAFAFA; + padding: 0.78571429rem 1.14285714rem !important; + white-space: normal; + word-wrap: normal; +} + +/* User Item */ +.ui.selection.dropdown .menu > .hidden.addition.item { + display: none; +} + +/* Hover */ +.ui.selection.dropdown:hover { + border-color: rgba(34, 36, 38, 0.35); + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Active */ +.ui.selection.active.dropdown { + border-color: #96C8DA; + -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); +} +.ui.selection.active.dropdown .menu { + border-color: #96C8DA; + -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); +} + +/* Focus */ +.ui.selection.dropdown:focus { + border-color: #96C8DA; + -webkit-box-shadow: none; + box-shadow: none; +} +.ui.selection.dropdown:focus .menu { + border-color: #96C8DA; + -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); +} + +/* Visible */ +.ui.selection.visible.dropdown > .text:not(.default) { + font-weight: normal; + color: rgba(0, 0, 0, 0.8); +} + +/* Visible Hover */ +.ui.selection.active.dropdown:hover { + border-color: #96C8DA; + -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); +} +.ui.selection.active.dropdown:hover .menu { + border-color: #96C8DA; + -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); +} + +/* Dropdown Icon */ +.ui.active.selection.dropdown > .dropdown.icon, +.ui.visible.selection.dropdown > .dropdown.icon { + opacity: ''; + z-index: 3; +} + +/* Connecting Border */ +.ui.active.selection.dropdown { + border-bottom-left-radius: 0em !important; + border-bottom-right-radius: 0em !important; +} + +/* Empty Connecting Border */ +.ui.active.empty.selection.dropdown { + border-radius: 0.28571429rem !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.ui.active.empty.selection.dropdown .menu { + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/*-------------- + Searchable +---------------*/ + + +/* Search Selection */ +.ui.search.dropdown { + min-width: ''; +} + +/* Search Dropdown */ +.ui.search.dropdown > input.search { + background: none transparent !important; + border: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + cursor: text; + top: 0em; + left: 1px; + width: 100%; + outline: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + padding: inherit; +} + +/* Text Layering */ +.ui.search.dropdown > input.search { + position: absolute; + z-index: 2; +} +.ui.search.dropdown > .text { + cursor: text; + position: relative; + left: 1px; + z-index: 3; +} + +/* Search Selection */ +.ui.search.selection.dropdown > input.search { + line-height: 1.21428571em; + padding: 0.67857143em 2.1em 0.67857143em 1em; +} + +/* Used to size multi select input to character width */ +.ui.search.selection.dropdown > span.sizer { + line-height: 1.21428571em; + padding: 0.67857143em 2.1em 0.67857143em 1em; + display: none; + white-space: pre; +} + +/* Active/Visible Search */ +.ui.search.dropdown.active > input.search, +.ui.search.dropdown.visible > input.search { + cursor: auto; +} +.ui.search.dropdown.active > .text, +.ui.search.dropdown.visible > .text { + pointer-events: none; +} + +/* Filtered Text */ +.ui.active.search.dropdown input.search:focus + .text .icon, +.ui.active.search.dropdown input.search:focus + .text .flag { + opacity: 0.45; +} +.ui.active.search.dropdown input.search:focus + .text { + color: rgba(115, 115, 115, 0.87) !important; +} + +/* Search Menu */ +.ui.search.dropdown .menu { + overflow-x: hidden; + overflow-y: auto; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: touch; +} +@media only screen and (max-width: 767px) { + .ui.search.dropdown .menu { + max-height: 8.01428571rem; + } +} +@media only screen and (min-width: 768px) { + .ui.search.dropdown .menu { + max-height: 10.68571429rem; + } +} +@media only screen and (min-width: 992px) { + .ui.search.dropdown .menu { + max-height: 16.02857143rem; + } +} +@media only screen and (min-width: 1920px) { + .ui.search.dropdown .menu { + max-height: 21.37142857rem; + } +} + +/*-------------- + Multiple +---------------*/ + + +/* Multiple Selection */ +.ui.multiple.dropdown { + padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; +} +.ui.multiple.dropdown .menu { + cursor: auto; +} + +/* Multiple Search Selection */ +.ui.multiple.search.dropdown, +.ui.multiple.search.dropdown > input.search { + cursor: text; +} + +/* Selection Label */ +.ui.multiple.dropdown > .label { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-block; + vertical-align: top; + white-space: normal; + font-size: 1em; + padding: 0.35714286em 0.78571429em; + margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em; + -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; +} + +/* Dropdown Icon */ +.ui.multiple.dropdown .dropdown.icon { + margin: ''; + padding: ''; +} + +/* Text */ +.ui.multiple.dropdown > .text { + position: static; + padding: 0; + max-width: 100%; + margin: 0.45238095em 0em 0.45238095em 0.64285714em; + line-height: 1.21428571em; +} +.ui.multiple.dropdown > .label ~ input.search { + margin-left: 0.14285714em !important; +} +.ui.multiple.dropdown > .label ~ .text { + display: none; +} + +/*----------------- + Multiple Search +-----------------*/ + + +/* Prompt Text */ +.ui.multiple.search.dropdown > .text { + display: inline-block; + position: absolute; + top: 0; + left: 0; + padding: inherit; + margin: 0.45238095em 0em 0.45238095em 0.64285714em; + line-height: 1.21428571em; +} +.ui.multiple.search.dropdown > .label ~ .text { + display: none; +} + +/* Search */ +.ui.multiple.search.dropdown > input.search { + position: static; + padding: 0; + max-width: 100%; + margin: 0.45238095em 0em 0.45238095em 0.64285714em; + width: 2.2em; + line-height: 1.21428571em; +} + +/*-------------- + Inline +---------------*/ + +.ui.inline.dropdown { + cursor: pointer; + display: inline-block; + color: inherit; +} +.ui.inline.dropdown .dropdown.icon { + margin: 0em 0.21428571em 0em 0.21428571em; + vertical-align: baseline; +} +.ui.inline.dropdown > .text { + font-weight: bold; +} +.ui.inline.dropdown .menu { + cursor: auto; + margin-top: 0.21428571em; + border-radius: 0.28571429rem; +} + + +/******************************* + States +*******************************/ + + +/*-------------------- + Active +----------------------*/ + + +/* Menu Item Active */ +.ui.dropdown .menu .active.item { + background: transparent; + font-weight: bold; + color: rgba(0, 0, 0, 0.95); + -webkit-box-shadow: none; + box-shadow: none; + z-index: 12; +} + +/*-------------------- + Hover +----------------------*/ + + +/* Menu Item Hover */ +.ui.dropdown .menu > .item:hover { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.95); + z-index: 13; +} + +/*-------------------- + Loading +---------------------*/ + +.ui.loading.dropdown > i.icon { + height: 1em !important; +} +.ui.loading.selection.dropdown > i.icon { + padding: 1.5em 1.28571429em !important; +} +.ui.loading.dropdown > i.icon:before { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285714em 0em 0em -0.64285714em; + width: 1.28571429em; + height: 1.28571429em; + border-radius: 500rem; + border: 0.2em solid rgba(0, 0, 0, 0.1); +} +.ui.loading.dropdown > i.icon:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + -webkit-box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; + margin: -0.64285714em 0em 0em -0.64285714em; + width: 1.28571429em; + height: 1.28571429em; + -webkit-animation: dropdown-spin 0.6s linear; + animation: dropdown-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #767676 transparent transparent; + border-style: solid; + border-width: 0.2em; +} + +/* Coupling */ +.ui.loading.dropdown.button > i.icon:before, +.ui.loading.dropdown.button > i.icon:after { + display: none; +} +@-webkit-keyframes dropdown-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes dropdown-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +/*-------------------- + Default Text +----------------------*/ + +.ui.dropdown:not(.button) > .default.text, +.ui.default.dropdown:not(.button) > .text { + color: rgba(191, 191, 191, 0.87); +} +.ui.dropdown:not(.button) > input:focus ~ .default.text, +.ui.default.dropdown:not(.button) > input:focus ~ .text { + color: rgba(115, 115, 115, 0.87); +} + +/*-------------------- + Loading +----------------------*/ + +.ui.loading.dropdown > .text { + -webkit-transition: none; + transition: none; +} + +/* Used To Check Position */ +.ui.dropdown .loading.menu { + display: block; + visibility: hidden; + z-index: -1; +} +.ui.dropdown > .loading.menu { + left: 0px !important; + right: auto !important; +} +.ui.dropdown > .menu .loading.menu { + left: 100% !important; + right: auto !important; +} + +/*-------------------- + Keyboard Select +----------------------*/ + + +/* Selected Item */ +.ui.dropdown.selected, +.ui.dropdown .menu .selected.item { + background: rgba(0, 0, 0, 0.03); + color: rgba(0, 0, 0, 0.95); +} + +/*-------------------- + Search Filtered +----------------------*/ + + +/* Filtered Item */ +.ui.dropdown > .filtered.text { + visibility: hidden; +} +.ui.dropdown .filtered.item { + display: none !important; +} + +/*-------------------- + Error +----------------------*/ + +.ui.dropdown.error, +.ui.dropdown.error > .text, +.ui.dropdown.error > .default.text { + color: #9F3A38; +} +.ui.selection.dropdown.error { + background: #FFF6F6; + border-color: #E0B4B4; +} +.ui.selection.dropdown.error:hover { + border-color: #E0B4B4; +} +.ui.dropdown.error > .menu, +.ui.dropdown.error > .menu .menu { + border-color: #E0B4B4; +} +.ui.dropdown.error > .menu > .item { + color: #9F3A38; +} +.ui.multiple.selection.error.dropdown > .label { + border-color: #E0B4B4; +} + +/* Item Hover */ +.ui.dropdown.error > .menu > .item:hover { + background-color: #FFF2F2; +} + +/* Item Active */ +.ui.dropdown.error > .menu .active.item { + background-color: #FDCFCF; +} + +/*-------------------- + Clear +----------------------*/ + +.ui.dropdown > .clear.dropdown.icon { + opacity: 0.8; + -webkit-transition: opacity 0.1s ease; + transition: opacity 0.1s ease; +} +.ui.dropdown > .clear.dropdown.icon:hover { + opacity: 1; +} + +/*-------------------- + Disabled +----------------------*/ + + +/* Disabled */ +.ui.disabled.dropdown, +.ui.dropdown .menu > .disabled.item { + cursor: default; + pointer-events: none; + opacity: 0.45; +} + + +/******************************* + Variations +*******************************/ + + +/*-------------- + Direction +---------------*/ + + +/* Flyout Direction */ +.ui.dropdown .menu { + left: 0px; +} + +/* Default Side (Right) */ +.ui.dropdown .right.menu > .menu, +.ui.dropdown .menu .right.menu { + left: 100% !important; + right: auto !important; + border-radius: 0.28571429rem !important; +} + +/* Leftward Opening Menu */ +.ui.dropdown > .left.menu { + left: auto !important; + right: 0px !important; +} +.ui.dropdown > .left.menu .menu, +.ui.dropdown .menu .left.menu { + left: auto; + right: 100%; + margin: 0em -0.5em 0em 0em !important; + border-radius: 0.28571429rem !important; +} +.ui.dropdown .item .left.dropdown.icon, +.ui.dropdown .left.menu .item .dropdown.icon { + width: auto; + float: left; + margin: 0em 0em 0em 0em; +} +.ui.dropdown .item .left.dropdown.icon, +.ui.dropdown .left.menu .item .dropdown.icon { + width: auto; + float: left; + margin: 0em 0em 0em 0em; +} +.ui.dropdown .item .left.dropdown.icon + .text, +.ui.dropdown .left.menu .item .dropdown.icon + .text { + margin-left: 1em; + margin-right: 0em; +} + +/*-------------- + Upward +---------------*/ + + +/* Upward Main Menu */ +.ui.upward.dropdown > .menu { + top: auto; + bottom: 100%; + -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); + border-radius: 0.28571429rem 0.28571429rem 0em 0em; +} + +/* Upward Sub Menu */ +.ui.dropdown .upward.menu { + top: auto !important; + bottom: 0 !important; +} + +/* Active Upward */ +.ui.simple.upward.active.dropdown, +.ui.simple.upward.dropdown:hover { + border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; +} +.ui.upward.dropdown.button:not(.pointing):not(.floating).active { + border-radius: 0.28571429rem 0.28571429rem 0em 0em; +} + +/* Selection */ +.ui.upward.selection.dropdown .menu { + border-top-width: 1px !important; + border-bottom-width: 0px !important; + -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); +} +.ui.upward.selection.dropdown:hover { + -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); +} + +/* Active Upward */ +.ui.active.upward.selection.dropdown { + border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; +} + +/* Visible Upward */ +.ui.upward.selection.dropdown.visible { + -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); + border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; +} + +/* Visible Hover Upward */ +.ui.upward.active.selection.dropdown:hover { + -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); +} +.ui.upward.active.selection.dropdown:hover .menu { + -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); +} + +/*-------------- + Simple +---------------*/ + + +/* Selection Menu */ +.ui.scrolling.dropdown .menu, +.ui.dropdown .scrolling.menu { + overflow-x: hidden; + overflow-y: auto; +} +.ui.scrolling.dropdown .menu { + overflow-x: hidden; + overflow-y: auto; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: touch; + min-width: 100% !important; + width: auto !important; +} +.ui.dropdown .scrolling.menu { + position: static; + overflow-y: auto; + border: none; + -webkit-box-shadow: none !important; + box-shadow: none !important; + border-radius: 0 !important; + margin: 0 !important; + min-width: 100% !important; + width: auto !important; + border-top: 1px solid rgba(34, 36, 38, 0.15); +} +.ui.scrolling.dropdown .menu .item.item.item, +.ui.dropdown .scrolling.menu > .item.item.item { + border-top: none; +} +.ui.scrolling.dropdown .menu .item:first-child, +.ui.dropdown .scrolling.menu .item:first-child { + border-top: none; +} +.ui.dropdown > .animating.menu .scrolling.menu, +.ui.dropdown > .visible.menu .scrolling.menu { + display: block; +} + +/* Scrollbar in IE */ +@media all and (-ms-high-contrast: none) { + .ui.scrolling.dropdown .menu, + .ui.dropdown .scrolling.menu { + min-width: calc(100% - 17px); + } +} +@media only screen and (max-width: 767px) { + .ui.scrolling.dropdown .menu, + .ui.dropdown .scrolling.menu { + max-height: 10.28571429rem; + } +} +@media only screen and (min-width: 768px) { + .ui.scrolling.dropdown .menu, + .ui.dropdown .scrolling.menu { + max-height: 15.42857143rem; + } +} +@media only screen and (min-width: 992px) { + .ui.scrolling.dropdown .menu, + .ui.dropdown .scrolling.menu { + max-height: 20.57142857rem; + } +} +@media only screen and (min-width: 1920px) { + .ui.scrolling.dropdown .menu, + .ui.dropdown .scrolling.menu { + max-height: 20.57142857rem; + } +} + +/*-------------- + Simple +---------------*/ + + +/* Displays without javascript */ +.ui.simple.dropdown .menu:before, +.ui.simple.dropdown .menu:after { + display: none; +} +.ui.simple.dropdown .menu { + position: absolute; + display: block; + overflow: hidden; + top: -9999px !important; + opacity: 0; + width: 0; + height: 0; + -webkit-transition: opacity 0.1s ease; + transition: opacity 0.1s ease; +} +.ui.simple.active.dropdown, +.ui.simple.dropdown:hover { + border-bottom-left-radius: 0em !important; + border-bottom-right-radius: 0em !important; +} +.ui.simple.active.dropdown > .menu, +.ui.simple.dropdown:hover > .menu { + overflow: visible; + width: auto; + height: auto; + top: 100% !important; + opacity: 1; +} +.ui.simple.dropdown > .menu > .item:active > .menu, +.ui.simple.dropdown:hover > .menu > .item:hover > .menu { + overflow: visible; + width: auto; + height: auto; + top: 0% !important; + left: 100% !important; + opacity: 1; +} +.ui.simple.disabled.dropdown:hover .menu { + display: none; + height: 0px; + width: 0px; + overflow: hidden; +} + +/* Visible */ +.ui.simple.visible.dropdown > .menu { + display: block; +} + +/*-------------- + Fluid +---------------*/ + +.ui.fluid.dropdown { + display: block; + width: 100%; + min-width: 0em; +} +.ui.fluid.dropdown > .dropdown.icon { + float: right; +} + +/*-------------- + Floating +---------------*/ + +.ui.floating.dropdown .menu { + left: 0; + right: auto; + -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; + box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; + border-radius: 0.28571429rem !important; +} +.ui.floating.dropdown > .menu { + margin-top: 0.5em !important; + border-radius: 0.28571429rem !important; +} + +/*-------------- + Pointing +---------------*/ + +.ui.pointing.dropdown > .menu { + top: 100%; + margin-top: 0.78571429rem; + border-radius: 0.28571429rem; +} +.ui.pointing.dropdown > .menu:after { + display: block; + position: absolute; + pointer-events: none; + content: ''; + visibility: visible; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + width: 0.5em; + height: 0.5em; + -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + background: #FFFFFF; + z-index: 2; +} +.ui.pointing.dropdown > .menu:after { + top: -0.25em; + left: 50%; + margin: 0em 0em 0em -0.25em; +} + +/* Top Left Pointing */ +.ui.top.left.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + left: 0%; + right: auto; + margin: 1em 0em 0em; +} +.ui.top.left.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + left: 0%; + right: auto; + margin: 1em 0em 0em; +} +.ui.top.left.pointing.dropdown > .menu:after { + top: -0.25em; + left: 1em; + right: auto; + margin: 0em; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +/* Top Right Pointing */ +.ui.top.right.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + right: 0%; + left: auto; + margin: 1em 0em 0em; +} +.ui.top.pointing.dropdown > .left.menu:after, +.ui.top.right.pointing.dropdown > .menu:after { + top: -0.25em; + left: auto !important; + right: 1em !important; + margin: 0em; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +/* Left Pointing */ +.ui.left.pointing.dropdown > .menu { + top: 0%; + left: 100%; + right: auto; + margin: 0em 0em 0em 1em; +} +.ui.left.pointing.dropdown > .menu:after { + top: 1em; + left: -0.25em; + margin: 0em 0em 0em 0em; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { + left: auto !important; + right: 100% !important; + margin: 0em 1em 0em 0em; +} +.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { + top: 1em; + left: auto; + right: -0.25em; + margin: 0em 0em 0em 0em; + -webkit-transform: rotate(135deg); + transform: rotate(135deg); +} + +/* Right Pointing */ +.ui.right.pointing.dropdown > .menu { + top: 0%; + left: auto; + right: 100%; + margin: 0em 1em 0em 0em; +} +.ui.right.pointing.dropdown > .menu:after { + top: 1em; + left: auto; + right: -0.25em; + margin: 0em 0em 0em 0em; + -webkit-transform: rotate(135deg); + transform: rotate(135deg); +} + +/* Bottom Pointing */ +.ui.bottom.pointing.dropdown > .menu { + top: auto; + bottom: 100%; + left: 0%; + right: auto; + margin: 0em 0em 1em; +} +.ui.bottom.pointing.dropdown > .menu:after { + top: auto; + bottom: -0.25em; + right: auto; + margin: 0em; + -webkit-transform: rotate(-135deg); + transform: rotate(-135deg); +} + +/* Reverse Sub-Menu Direction */ +.ui.bottom.pointing.dropdown > .menu .menu { + top: auto !important; + bottom: 0px !important; +} + +/* Bottom Left */ +.ui.bottom.left.pointing.dropdown > .menu { + left: 0%; + right: auto; +} +.ui.bottom.left.pointing.dropdown > .menu:after { + left: 1em; + right: auto; +} + +/* Bottom Right */ +.ui.bottom.right.pointing.dropdown > .menu { + right: 0%; + left: auto; +} +.ui.bottom.right.pointing.dropdown > .menu:after { + left: auto; + right: 1em; +} + +/* Upward pointing */ +.ui.pointing.upward.dropdown .menu, +.ui.top.pointing.upward.dropdown .menu { + top: auto !important; + bottom: 100% !important; + margin: 0em 0em 0.78571429rem; + border-radius: 0.28571429rem; +} +.ui.pointing.upward.dropdown .menu:after, +.ui.top.pointing.upward.dropdown .menu:after { + top: 100% !important; + bottom: auto !important; + -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); + margin: -0.25em 0em 0em; +} + +/* Right Pointing Upward */ +.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { + top: auto !important; + bottom: 0 !important; + margin: 0em 1em 0em 0em; +} +.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { + top: auto !important; + bottom: 0 !important; + margin: 0em 0em 1em 0em; + -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); +} + +/* Left Pointing Upward */ +.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { + top: auto !important; + bottom: 0 !important; + margin: 0em 0em 0em 1em; +} +.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { + top: auto !important; + bottom: 0 !important; + margin: 0em 0em 1em 0em; + -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); +} + + +/******************************* + Theme Overrides +*******************************/ + + +/* Dropdown Carets */ +@font-face { + font-family: 'Dropdown'; + src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff'); + font-weight: normal; + font-style: normal; +} +.ui.dropdown > .dropdown.icon { + font-family: 'Dropdown'; + line-height: 1; + height: 1em; + width: 1.23em; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} +.ui.dropdown > .dropdown.icon { + width: auto; +} +.ui.dropdown > .dropdown.icon:before { + content: '\f0d7'; +} + +/* Sub Menu */ +.ui.dropdown .menu .item .dropdown.icon:before { + content: '\f0da' /*rtl:'\f0d9'*/; +} +.ui.dropdown .item .left.dropdown.icon:before, +.ui.dropdown .left.menu .item .dropdown.icon:before { + content: "\f0d9" /*rtl:"\f0da"*/; +} + +/* Vertical Menu Dropdown */ +.ui.vertical.menu .dropdown.item > .dropdown.icon:before { + content: "\f0da" /*rtl:"\f0d9"*/; +} +.ui.dropdown > .clear.icon:before { + content: "\f00d"; +} +/* Icons for Reference (Subsetted in 2.4.0) + .dropdown.down:before { content: "\f0d7"; } + .dropdown.up:before { content: "\f0d8"; } + .dropdown.left:before { content: "\f0d9"; } + .dropdown.right:before { content: "\f0da"; } + .dropdown.close:before { content: "\f00d"; } +*/ + + +/******************************* + User Overrides +*******************************/ + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/easing.min.js b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/easing.min.js new file mode 100644 index 00000000..031defbc --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/easing.min.js @@ -0,0 +1,10 @@ +/* + * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ + * + * Open source under the BSD License. + * + * Copyright © 2001 Robert Penner + * All rights reserved. + * +*/ +jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g .column:not(.row), +.ui.grid > .row > .column { + position: relative; + display: inline-block; + width: 6.25%; + padding-left: 1rem; + padding-right: 1rem; + vertical-align: top; +} +.ui.grid > * { + padding-left: 1rem; + padding-right: 1rem; +} + +/*------------------- + Rows +--------------------*/ + +.ui.grid > .row { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: inherit; + -ms-flex-pack: inherit; + justify-content: inherit; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + width: 100% !important; + padding: 0rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +/*------------------- + Columns +--------------------*/ + + +/* Vertical padding when no rows */ +.ui.grid > .column:not(.row) { + padding-top: 1rem; + padding-bottom: 1rem; +} +.ui.grid > .row > .column { + margin-top: 0em; + margin-bottom: 0em; +} + +/*------------------- + Content +--------------------*/ + +.ui.grid > .row > img, +.ui.grid > .row > .column > img { + max-width: 100%; +} + +/*------------------- + Loose Coupling +--------------------*/ + + +/* Collapse Margin on Consecutive Grid */ +.ui.grid > .ui.grid:first-child { + margin-top: 0em; +} +.ui.grid > .ui.grid:last-child { + margin-bottom: 0em; +} + +/* Segment inside Aligned Grid */ +.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached), +.ui.aligned.grid .column > .segment:not(.compact):not(.attached) { + width: 100%; +} + +/* Align Dividers with Gutter */ +.ui.grid .row + .ui.divider { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 1rem 1rem; +} +.ui.grid .column + .ui.vertical.divider { + height: calc(50% - (2rem / 2)); +} + +/* Remove Border on Last Horizontal Segment */ +.ui.grid > .row > .column:last-child > .horizontal.segment, +.ui.grid > .column:last-child > .horizontal.segment { + -webkit-box-shadow: none; + box-shadow: none; +} + + +/******************************* + Variations +*******************************/ + + +/*----------------------- + Page Grid +-------------------------*/ + +@media only screen and (max-width: 767px) { + .ui.page.grid { + width: auto; + padding-left: 0em; + padding-right: 0em; + margin-left: 0em; + margin-right: 0em; + } +} +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui.page.grid { + width: auto; + margin-left: 0em; + margin-right: 0em; + padding-left: 2em; + padding-right: 2em; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199px) { + .ui.page.grid { + width: auto; + margin-left: 0em; + margin-right: 0em; + padding-left: 3%; + padding-right: 3%; + } +} +@media only screen and (min-width: 1200px) and (max-width: 1919px) { + .ui.page.grid { + width: auto; + margin-left: 0em; + margin-right: 0em; + padding-left: 15%; + padding-right: 15%; + } +} +@media only screen and (min-width: 1920px) { + .ui.page.grid { + width: auto; + margin-left: 0em; + margin-right: 0em; + padding-left: 23%; + padding-right: 23%; + } +} + +/*------------------- + Column Count +--------------------*/ + + +/* Assume full width with one column */ +.ui.grid > .column:only-child, +.ui.grid > .row > .column:only-child { + width: 100%; +} + +/* Grid Based */ +.ui[class*="one column"].grid > .row > .column, +.ui[class*="one column"].grid > .column:not(.row) { + width: 100%; +} +.ui[class*="two column"].grid > .row > .column, +.ui[class*="two column"].grid > .column:not(.row) { + width: 50%; +} +.ui[class*="three column"].grid > .row > .column, +.ui[class*="three column"].grid > .column:not(.row) { + width: 33.33333333%; +} +.ui[class*="four column"].grid > .row > .column, +.ui[class*="four column"].grid > .column:not(.row) { + width: 25%; +} +.ui[class*="five column"].grid > .row > .column, +.ui[class*="five column"].grid > .column:not(.row) { + width: 20%; +} +.ui[class*="six column"].grid > .row > .column, +.ui[class*="six column"].grid > .column:not(.row) { + width: 16.66666667%; +} +.ui[class*="seven column"].grid > .row > .column, +.ui[class*="seven column"].grid > .column:not(.row) { + width: 14.28571429%; +} +.ui[class*="eight column"].grid > .row > .column, +.ui[class*="eight column"].grid > .column:not(.row) { + width: 12.5%; +} +.ui[class*="nine column"].grid > .row > .column, +.ui[class*="nine column"].grid > .column:not(.row) { + width: 11.11111111%; +} +.ui[class*="ten column"].grid > .row > .column, +.ui[class*="ten column"].grid > .column:not(.row) { + width: 10%; +} +.ui[class*="eleven column"].grid > .row > .column, +.ui[class*="eleven column"].grid > .column:not(.row) { + width: 9.09090909%; +} +.ui[class*="twelve column"].grid > .row > .column, +.ui[class*="twelve column"].grid > .column:not(.row) { + width: 8.33333333%; +} +.ui[class*="thirteen column"].grid > .row > .column, +.ui[class*="thirteen column"].grid > .column:not(.row) { + width: 7.69230769%; +} +.ui[class*="fourteen column"].grid > .row > .column, +.ui[class*="fourteen column"].grid > .column:not(.row) { + width: 7.14285714%; +} +.ui[class*="fifteen column"].grid > .row > .column, +.ui[class*="fifteen column"].grid > .column:not(.row) { + width: 6.66666667%; +} +.ui[class*="sixteen column"].grid > .row > .column, +.ui[class*="sixteen column"].grid > .column:not(.row) { + width: 6.25%; +} + +/* Row Based Overrides */ +.ui.grid > [class*="one column"].row > .column { + width: 100% !important; +} +.ui.grid > [class*="two column"].row > .column { + width: 50% !important; +} +.ui.grid > [class*="three column"].row > .column { + width: 33.33333333% !important; +} +.ui.grid > [class*="four column"].row > .column { + width: 25% !important; +} +.ui.grid > [class*="five column"].row > .column { + width: 20% !important; +} +.ui.grid > [class*="six column"].row > .column { + width: 16.66666667% !important; +} +.ui.grid > [class*="seven column"].row > .column { + width: 14.28571429% !important; +} +.ui.grid > [class*="eight column"].row > .column { + width: 12.5% !important; +} +.ui.grid > [class*="nine column"].row > .column { + width: 11.11111111% !important; +} +.ui.grid > [class*="ten column"].row > .column { + width: 10% !important; +} +.ui.grid > [class*="eleven column"].row > .column { + width: 9.09090909% !important; +} +.ui.grid > [class*="twelve column"].row > .column { + width: 8.33333333% !important; +} +.ui.grid > [class*="thirteen column"].row > .column { + width: 7.69230769% !important; +} +.ui.grid > [class*="fourteen column"].row > .column { + width: 7.14285714% !important; +} +.ui.grid > [class*="fifteen column"].row > .column { + width: 6.66666667% !important; +} +.ui.grid > [class*="sixteen column"].row > .column { + width: 6.25% !important; +} + +/* Celled Page */ +.ui.celled.page.grid { + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------- + Column Width +--------------------*/ + + +/* Sizing Combinations */ +.ui.grid > .row > [class*="one wide"].column, +.ui.grid > .column.row > [class*="one wide"].column, +.ui.grid > [class*="one wide"].column, +.ui.column.grid > [class*="one wide"].column { + width: 6.25% !important; +} +.ui.grid > .row > [class*="two wide"].column, +.ui.grid > .column.row > [class*="two wide"].column, +.ui.grid > [class*="two wide"].column, +.ui.column.grid > [class*="two wide"].column { + width: 12.5% !important; +} +.ui.grid > .row > [class*="three wide"].column, +.ui.grid > .column.row > [class*="three wide"].column, +.ui.grid > [class*="three wide"].column, +.ui.column.grid > [class*="three wide"].column { + width: 18.75% !important; +} +.ui.grid > .row > [class*="four wide"].column, +.ui.grid > .column.row > [class*="four wide"].column, +.ui.grid > [class*="four wide"].column, +.ui.column.grid > [class*="four wide"].column { + width: 25% !important; +} +.ui.grid > .row > [class*="five wide"].column, +.ui.grid > .column.row > [class*="five wide"].column, +.ui.grid > [class*="five wide"].column, +.ui.column.grid > [class*="five wide"].column { + width: 31.25% !important; +} +.ui.grid > .row > [class*="six wide"].column, +.ui.grid > .column.row > [class*="six wide"].column, +.ui.grid > [class*="six wide"].column, +.ui.column.grid > [class*="six wide"].column { + width: 37.5% !important; +} +.ui.grid > .row > [class*="seven wide"].column, +.ui.grid > .column.row > [class*="seven wide"].column, +.ui.grid > [class*="seven wide"].column, +.ui.column.grid > [class*="seven wide"].column { + width: 43.75% !important; +} +.ui.grid > .row > [class*="eight wide"].column, +.ui.grid > .column.row > [class*="eight wide"].column, +.ui.grid > [class*="eight wide"].column, +.ui.column.grid > [class*="eight wide"].column { + width: 50% !important; +} +.ui.grid > .row > [class*="nine wide"].column, +.ui.grid > .column.row > [class*="nine wide"].column, +.ui.grid > [class*="nine wide"].column, +.ui.column.grid > [class*="nine wide"].column { + width: 56.25% !important; +} +.ui.grid > .row > [class*="ten wide"].column, +.ui.grid > .column.row > [class*="ten wide"].column, +.ui.grid > [class*="ten wide"].column, +.ui.column.grid > [class*="ten wide"].column { + width: 62.5% !important; +} +.ui.grid > .row > [class*="eleven wide"].column, +.ui.grid > .column.row > [class*="eleven wide"].column, +.ui.grid > [class*="eleven wide"].column, +.ui.column.grid > [class*="eleven wide"].column { + width: 68.75% !important; +} +.ui.grid > .row > [class*="twelve wide"].column, +.ui.grid > .column.row > [class*="twelve wide"].column, +.ui.grid > [class*="twelve wide"].column, +.ui.column.grid > [class*="twelve wide"].column { + width: 75% !important; +} +.ui.grid > .row > [class*="thirteen wide"].column, +.ui.grid > .column.row > [class*="thirteen wide"].column, +.ui.grid > [class*="thirteen wide"].column, +.ui.column.grid > [class*="thirteen wide"].column { + width: 81.25% !important; +} +.ui.grid > .row > [class*="fourteen wide"].column, +.ui.grid > .column.row > [class*="fourteen wide"].column, +.ui.grid > [class*="fourteen wide"].column, +.ui.column.grid > [class*="fourteen wide"].column { + width: 87.5% !important; +} +.ui.grid > .row > [class*="fifteen wide"].column, +.ui.grid > .column.row > [class*="fifteen wide"].column, +.ui.grid > [class*="fifteen wide"].column, +.ui.column.grid > [class*="fifteen wide"].column { + width: 93.75% !important; +} +.ui.grid > .row > [class*="sixteen wide"].column, +.ui.grid > .column.row > [class*="sixteen wide"].column, +.ui.grid > [class*="sixteen wide"].column, +.ui.column.grid > [class*="sixteen wide"].column { + width: 100% !important; +} + +/*---------------------- + Width per Device +-----------------------*/ + + +/* Mobile Sizing Combinations */ +@media only screen and (min-width: 320px) and (max-width: 767px) { + .ui.grid > .row > [class*="one wide mobile"].column, + .ui.grid > .column.row > [class*="one wide mobile"].column, + .ui.grid > [class*="one wide mobile"].column, + .ui.column.grid > [class*="one wide mobile"].column { + width: 6.25% !important; + } + .ui.grid > .row > [class*="two wide mobile"].column, + .ui.grid > .column.row > [class*="two wide mobile"].column, + .ui.grid > [class*="two wide mobile"].column, + .ui.column.grid > [class*="two wide mobile"].column { + width: 12.5% !important; + } + .ui.grid > .row > [class*="three wide mobile"].column, + .ui.grid > .column.row > [class*="three wide mobile"].column, + .ui.grid > [class*="three wide mobile"].column, + .ui.column.grid > [class*="three wide mobile"].column { + width: 18.75% !important; + } + .ui.grid > .row > [class*="four wide mobile"].column, + .ui.grid > .column.row > [class*="four wide mobile"].column, + .ui.grid > [class*="four wide mobile"].column, + .ui.column.grid > [class*="four wide mobile"].column { + width: 25% !important; + } + .ui.grid > .row > [class*="five wide mobile"].column, + .ui.grid > .column.row > [class*="five wide mobile"].column, + .ui.grid > [class*="five wide mobile"].column, + .ui.column.grid > [class*="five wide mobile"].column { + width: 31.25% !important; + } + .ui.grid > .row > [class*="six wide mobile"].column, + .ui.grid > .column.row > [class*="six wide mobile"].column, + .ui.grid > [class*="six wide mobile"].column, + .ui.column.grid > [class*="six wide mobile"].column { + width: 37.5% !important; + } + .ui.grid > .row > [class*="seven wide mobile"].column, + .ui.grid > .column.row > [class*="seven wide mobile"].column, + .ui.grid > [class*="seven wide mobile"].column, + .ui.column.grid > [class*="seven wide mobile"].column { + width: 43.75% !important; + } + .ui.grid > .row > [class*="eight wide mobile"].column, + .ui.grid > .column.row > [class*="eight wide mobile"].column, + .ui.grid > [class*="eight wide mobile"].column, + .ui.column.grid > [class*="eight wide mobile"].column { + width: 50% !important; + } + .ui.grid > .row > [class*="nine wide mobile"].column, + .ui.grid > .column.row > [class*="nine wide mobile"].column, + .ui.grid > [class*="nine wide mobile"].column, + .ui.column.grid > [class*="nine wide mobile"].column { + width: 56.25% !important; + } + .ui.grid > .row > [class*="ten wide mobile"].column, + .ui.grid > .column.row > [class*="ten wide mobile"].column, + .ui.grid > [class*="ten wide mobile"].column, + .ui.column.grid > [class*="ten wide mobile"].column { + width: 62.5% !important; + } + .ui.grid > .row > [class*="eleven wide mobile"].column, + .ui.grid > .column.row > [class*="eleven wide mobile"].column, + .ui.grid > [class*="eleven wide mobile"].column, + .ui.column.grid > [class*="eleven wide mobile"].column { + width: 68.75% !important; + } + .ui.grid > .row > [class*="twelve wide mobile"].column, + .ui.grid > .column.row > [class*="twelve wide mobile"].column, + .ui.grid > [class*="twelve wide mobile"].column, + .ui.column.grid > [class*="twelve wide mobile"].column { + width: 75% !important; + } + .ui.grid > .row > [class*="thirteen wide mobile"].column, + .ui.grid > .column.row > [class*="thirteen wide mobile"].column, + .ui.grid > [class*="thirteen wide mobile"].column, + .ui.column.grid > [class*="thirteen wide mobile"].column { + width: 81.25% !important; + } + .ui.grid > .row > [class*="fourteen wide mobile"].column, + .ui.grid > .column.row > [class*="fourteen wide mobile"].column, + .ui.grid > [class*="fourteen wide mobile"].column, + .ui.column.grid > [class*="fourteen wide mobile"].column { + width: 87.5% !important; + } + .ui.grid > .row > [class*="fifteen wide mobile"].column, + .ui.grid > .column.row > [class*="fifteen wide mobile"].column, + .ui.grid > [class*="fifteen wide mobile"].column, + .ui.column.grid > [class*="fifteen wide mobile"].column { + width: 93.75% !important; + } + .ui.grid > .row > [class*="sixteen wide mobile"].column, + .ui.grid > .column.row > [class*="sixteen wide mobile"].column, + .ui.grid > [class*="sixteen wide mobile"].column, + .ui.column.grid > [class*="sixteen wide mobile"].column { + width: 100% !important; + } +} + +/* Tablet Sizing Combinations */ +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui.grid > .row > [class*="one wide tablet"].column, + .ui.grid > .column.row > [class*="one wide tablet"].column, + .ui.grid > [class*="one wide tablet"].column, + .ui.column.grid > [class*="one wide tablet"].column { + width: 6.25% !important; + } + .ui.grid > .row > [class*="two wide tablet"].column, + .ui.grid > .column.row > [class*="two wide tablet"].column, + .ui.grid > [class*="two wide tablet"].column, + .ui.column.grid > [class*="two wide tablet"].column { + width: 12.5% !important; + } + .ui.grid > .row > [class*="three wide tablet"].column, + .ui.grid > .column.row > [class*="three wide tablet"].column, + .ui.grid > [class*="three wide tablet"].column, + .ui.column.grid > [class*="three wide tablet"].column { + width: 18.75% !important; + } + .ui.grid > .row > [class*="four wide tablet"].column, + .ui.grid > .column.row > [class*="four wide tablet"].column, + .ui.grid > [class*="four wide tablet"].column, + .ui.column.grid > [class*="four wide tablet"].column { + width: 25% !important; + } + .ui.grid > .row > [class*="five wide tablet"].column, + .ui.grid > .column.row > [class*="five wide tablet"].column, + .ui.grid > [class*="five wide tablet"].column, + .ui.column.grid > [class*="five wide tablet"].column { + width: 31.25% !important; + } + .ui.grid > .row > [class*="six wide tablet"].column, + .ui.grid > .column.row > [class*="six wide tablet"].column, + .ui.grid > [class*="six wide tablet"].column, + .ui.column.grid > [class*="six wide tablet"].column { + width: 37.5% !important; + } + .ui.grid > .row > [class*="seven wide tablet"].column, + .ui.grid > .column.row > [class*="seven wide tablet"].column, + .ui.grid > [class*="seven wide tablet"].column, + .ui.column.grid > [class*="seven wide tablet"].column { + width: 43.75% !important; + } + .ui.grid > .row > [class*="eight wide tablet"].column, + .ui.grid > .column.row > [class*="eight wide tablet"].column, + .ui.grid > [class*="eight wide tablet"].column, + .ui.column.grid > [class*="eight wide tablet"].column { + width: 50% !important; + } + .ui.grid > .row > [class*="nine wide tablet"].column, + .ui.grid > .column.row > [class*="nine wide tablet"].column, + .ui.grid > [class*="nine wide tablet"].column, + .ui.column.grid > [class*="nine wide tablet"].column { + width: 56.25% !important; + } + .ui.grid > .row > [class*="ten wide tablet"].column, + .ui.grid > .column.row > [class*="ten wide tablet"].column, + .ui.grid > [class*="ten wide tablet"].column, + .ui.column.grid > [class*="ten wide tablet"].column { + width: 62.5% !important; + } + .ui.grid > .row > [class*="eleven wide tablet"].column, + .ui.grid > .column.row > [class*="eleven wide tablet"].column, + .ui.grid > [class*="eleven wide tablet"].column, + .ui.column.grid > [class*="eleven wide tablet"].column { + width: 68.75% !important; + } + .ui.grid > .row > [class*="twelve wide tablet"].column, + .ui.grid > .column.row > [class*="twelve wide tablet"].column, + .ui.grid > [class*="twelve wide tablet"].column, + .ui.column.grid > [class*="twelve wide tablet"].column { + width: 75% !important; + } + .ui.grid > .row > [class*="thirteen wide tablet"].column, + .ui.grid > .column.row > [class*="thirteen wide tablet"].column, + .ui.grid > [class*="thirteen wide tablet"].column, + .ui.column.grid > [class*="thirteen wide tablet"].column { + width: 81.25% !important; + } + .ui.grid > .row > [class*="fourteen wide tablet"].column, + .ui.grid > .column.row > [class*="fourteen wide tablet"].column, + .ui.grid > [class*="fourteen wide tablet"].column, + .ui.column.grid > [class*="fourteen wide tablet"].column { + width: 87.5% !important; + } + .ui.grid > .row > [class*="fifteen wide tablet"].column, + .ui.grid > .column.row > [class*="fifteen wide tablet"].column, + .ui.grid > [class*="fifteen wide tablet"].column, + .ui.column.grid > [class*="fifteen wide tablet"].column { + width: 93.75% !important; + } + .ui.grid > .row > [class*="sixteen wide tablet"].column, + .ui.grid > .column.row > [class*="sixteen wide tablet"].column, + .ui.grid > [class*="sixteen wide tablet"].column, + .ui.column.grid > [class*="sixteen wide tablet"].column { + width: 100% !important; + } +} + +/* Computer/Desktop Sizing Combinations */ +@media only screen and (min-width: 992px) { + .ui.grid > .row > [class*="one wide computer"].column, + .ui.grid > .column.row > [class*="one wide computer"].column, + .ui.grid > [class*="one wide computer"].column, + .ui.column.grid > [class*="one wide computer"].column { + width: 6.25% !important; + } + .ui.grid > .row > [class*="two wide computer"].column, + .ui.grid > .column.row > [class*="two wide computer"].column, + .ui.grid > [class*="two wide computer"].column, + .ui.column.grid > [class*="two wide computer"].column { + width: 12.5% !important; + } + .ui.grid > .row > [class*="three wide computer"].column, + .ui.grid > .column.row > [class*="three wide computer"].column, + .ui.grid > [class*="three wide computer"].column, + .ui.column.grid > [class*="three wide computer"].column { + width: 18.75% !important; + } + .ui.grid > .row > [class*="four wide computer"].column, + .ui.grid > .column.row > [class*="four wide computer"].column, + .ui.grid > [class*="four wide computer"].column, + .ui.column.grid > [class*="four wide computer"].column { + width: 25% !important; + } + .ui.grid > .row > [class*="five wide computer"].column, + .ui.grid > .column.row > [class*="five wide computer"].column, + .ui.grid > [class*="five wide computer"].column, + .ui.column.grid > [class*="five wide computer"].column { + width: 31.25% !important; + } + .ui.grid > .row > [class*="six wide computer"].column, + .ui.grid > .column.row > [class*="six wide computer"].column, + .ui.grid > [class*="six wide computer"].column, + .ui.column.grid > [class*="six wide computer"].column { + width: 37.5% !important; + } + .ui.grid > .row > [class*="seven wide computer"].column, + .ui.grid > .column.row > [class*="seven wide computer"].column, + .ui.grid > [class*="seven wide computer"].column, + .ui.column.grid > [class*="seven wide computer"].column { + width: 43.75% !important; + } + .ui.grid > .row > [class*="eight wide computer"].column, + .ui.grid > .column.row > [class*="eight wide computer"].column, + .ui.grid > [class*="eight wide computer"].column, + .ui.column.grid > [class*="eight wide computer"].column { + width: 50% !important; + } + .ui.grid > .row > [class*="nine wide computer"].column, + .ui.grid > .column.row > [class*="nine wide computer"].column, + .ui.grid > [class*="nine wide computer"].column, + .ui.column.grid > [class*="nine wide computer"].column { + width: 56.25% !important; + } + .ui.grid > .row > [class*="ten wide computer"].column, + .ui.grid > .column.row > [class*="ten wide computer"].column, + .ui.grid > [class*="ten wide computer"].column, + .ui.column.grid > [class*="ten wide computer"].column { + width: 62.5% !important; + } + .ui.grid > .row > [class*="eleven wide computer"].column, + .ui.grid > .column.row > [class*="eleven wide computer"].column, + .ui.grid > [class*="eleven wide computer"].column, + .ui.column.grid > [class*="eleven wide computer"].column { + width: 68.75% !important; + } + .ui.grid > .row > [class*="twelve wide computer"].column, + .ui.grid > .column.row > [class*="twelve wide computer"].column, + .ui.grid > [class*="twelve wide computer"].column, + .ui.column.grid > [class*="twelve wide computer"].column { + width: 75% !important; + } + .ui.grid > .row > [class*="thirteen wide computer"].column, + .ui.grid > .column.row > [class*="thirteen wide computer"].column, + .ui.grid > [class*="thirteen wide computer"].column, + .ui.column.grid > [class*="thirteen wide computer"].column { + width: 81.25% !important; + } + .ui.grid > .row > [class*="fourteen wide computer"].column, + .ui.grid > .column.row > [class*="fourteen wide computer"].column, + .ui.grid > [class*="fourteen wide computer"].column, + .ui.column.grid > [class*="fourteen wide computer"].column { + width: 87.5% !important; + } + .ui.grid > .row > [class*="fifteen wide computer"].column, + .ui.grid > .column.row > [class*="fifteen wide computer"].column, + .ui.grid > [class*="fifteen wide computer"].column, + .ui.column.grid > [class*="fifteen wide computer"].column { + width: 93.75% !important; + } + .ui.grid > .row > [class*="sixteen wide computer"].column, + .ui.grid > .column.row > [class*="sixteen wide computer"].column, + .ui.grid > [class*="sixteen wide computer"].column, + .ui.column.grid > [class*="sixteen wide computer"].column { + width: 100% !important; + } +} + +/* Large Monitor Sizing Combinations */ +@media only screen and (min-width: 1200px) and (max-width: 1919px) { + .ui.grid > .row > [class*="one wide large screen"].column, + .ui.grid > .column.row > [class*="one wide large screen"].column, + .ui.grid > [class*="one wide large screen"].column, + .ui.column.grid > [class*="one wide large screen"].column { + width: 6.25% !important; + } + .ui.grid > .row > [class*="two wide large screen"].column, + .ui.grid > .column.row > [class*="two wide large screen"].column, + .ui.grid > [class*="two wide large screen"].column, + .ui.column.grid > [class*="two wide large screen"].column { + width: 12.5% !important; + } + .ui.grid > .row > [class*="three wide large screen"].column, + .ui.grid > .column.row > [class*="three wide large screen"].column, + .ui.grid > [class*="three wide large screen"].column, + .ui.column.grid > [class*="three wide large screen"].column { + width: 18.75% !important; + } + .ui.grid > .row > [class*="four wide large screen"].column, + .ui.grid > .column.row > [class*="four wide large screen"].column, + .ui.grid > [class*="four wide large screen"].column, + .ui.column.grid > [class*="four wide large screen"].column { + width: 25% !important; + } + .ui.grid > .row > [class*="five wide large screen"].column, + .ui.grid > .column.row > [class*="five wide large screen"].column, + .ui.grid > [class*="five wide large screen"].column, + .ui.column.grid > [class*="five wide large screen"].column { + width: 31.25% !important; + } + .ui.grid > .row > [class*="six wide large screen"].column, + .ui.grid > .column.row > [class*="six wide large screen"].column, + .ui.grid > [class*="six wide large screen"].column, + .ui.column.grid > [class*="six wide large screen"].column { + width: 37.5% !important; + } + .ui.grid > .row > [class*="seven wide large screen"].column, + .ui.grid > .column.row > [class*="seven wide large screen"].column, + .ui.grid > [class*="seven wide large screen"].column, + .ui.column.grid > [class*="seven wide large screen"].column { + width: 43.75% !important; + } + .ui.grid > .row > [class*="eight wide large screen"].column, + .ui.grid > .column.row > [class*="eight wide large screen"].column, + .ui.grid > [class*="eight wide large screen"].column, + .ui.column.grid > [class*="eight wide large screen"].column { + width: 50% !important; + } + .ui.grid > .row > [class*="nine wide large screen"].column, + .ui.grid > .column.row > [class*="nine wide large screen"].column, + .ui.grid > [class*="nine wide large screen"].column, + .ui.column.grid > [class*="nine wide large screen"].column { + width: 56.25% !important; + } + .ui.grid > .row > [class*="ten wide large screen"].column, + .ui.grid > .column.row > [class*="ten wide large screen"].column, + .ui.grid > [class*="ten wide large screen"].column, + .ui.column.grid > [class*="ten wide large screen"].column { + width: 62.5% !important; + } + .ui.grid > .row > [class*="eleven wide large screen"].column, + .ui.grid > .column.row > [class*="eleven wide large screen"].column, + .ui.grid > [class*="eleven wide large screen"].column, + .ui.column.grid > [class*="eleven wide large screen"].column { + width: 68.75% !important; + } + .ui.grid > .row > [class*="twelve wide large screen"].column, + .ui.grid > .column.row > [class*="twelve wide large screen"].column, + .ui.grid > [class*="twelve wide large screen"].column, + .ui.column.grid > [class*="twelve wide large screen"].column { + width: 75% !important; + } + .ui.grid > .row > [class*="thirteen wide large screen"].column, + .ui.grid > .column.row > [class*="thirteen wide large screen"].column, + .ui.grid > [class*="thirteen wide large screen"].column, + .ui.column.grid > [class*="thirteen wide large screen"].column { + width: 81.25% !important; + } + .ui.grid > .row > [class*="fourteen wide large screen"].column, + .ui.grid > .column.row > [class*="fourteen wide large screen"].column, + .ui.grid > [class*="fourteen wide large screen"].column, + .ui.column.grid > [class*="fourteen wide large screen"].column { + width: 87.5% !important; + } + .ui.grid > .row > [class*="fifteen wide large screen"].column, + .ui.grid > .column.row > [class*="fifteen wide large screen"].column, + .ui.grid > [class*="fifteen wide large screen"].column, + .ui.column.grid > [class*="fifteen wide large screen"].column { + width: 93.75% !important; + } + .ui.grid > .row > [class*="sixteen wide large screen"].column, + .ui.grid > .column.row > [class*="sixteen wide large screen"].column, + .ui.grid > [class*="sixteen wide large screen"].column, + .ui.column.grid > [class*="sixteen wide large screen"].column { + width: 100% !important; + } +} + +/* Widescreen Sizing Combinations */ +@media only screen and (min-width: 1920px) { + .ui.grid > .row > [class*="one wide widescreen"].column, + .ui.grid > .column.row > [class*="one wide widescreen"].column, + .ui.grid > [class*="one wide widescreen"].column, + .ui.column.grid > [class*="one wide widescreen"].column { + width: 6.25% !important; + } + .ui.grid > .row > [class*="two wide widescreen"].column, + .ui.grid > .column.row > [class*="two wide widescreen"].column, + .ui.grid > [class*="two wide widescreen"].column, + .ui.column.grid > [class*="two wide widescreen"].column { + width: 12.5% !important; + } + .ui.grid > .row > [class*="three wide widescreen"].column, + .ui.grid > .column.row > [class*="three wide widescreen"].column, + .ui.grid > [class*="three wide widescreen"].column, + .ui.column.grid > [class*="three wide widescreen"].column { + width: 18.75% !important; + } + .ui.grid > .row > [class*="four wide widescreen"].column, + .ui.grid > .column.row > [class*="four wide widescreen"].column, + .ui.grid > [class*="four wide widescreen"].column, + .ui.column.grid > [class*="four wide widescreen"].column { + width: 25% !important; + } + .ui.grid > .row > [class*="five wide widescreen"].column, + .ui.grid > .column.row > [class*="five wide widescreen"].column, + .ui.grid > [class*="five wide widescreen"].column, + .ui.column.grid > [class*="five wide widescreen"].column { + width: 31.25% !important; + } + .ui.grid > .row > [class*="six wide widescreen"].column, + .ui.grid > .column.row > [class*="six wide widescreen"].column, + .ui.grid > [class*="six wide widescreen"].column, + .ui.column.grid > [class*="six wide widescreen"].column { + width: 37.5% !important; + } + .ui.grid > .row > [class*="seven wide widescreen"].column, + .ui.grid > .column.row > [class*="seven wide widescreen"].column, + .ui.grid > [class*="seven wide widescreen"].column, + .ui.column.grid > [class*="seven wide widescreen"].column { + width: 43.75% !important; + } + .ui.grid > .row > [class*="eight wide widescreen"].column, + .ui.grid > .column.row > [class*="eight wide widescreen"].column, + .ui.grid > [class*="eight wide widescreen"].column, + .ui.column.grid > [class*="eight wide widescreen"].column { + width: 50% !important; + } + .ui.grid > .row > [class*="nine wide widescreen"].column, + .ui.grid > .column.row > [class*="nine wide widescreen"].column, + .ui.grid > [class*="nine wide widescreen"].column, + .ui.column.grid > [class*="nine wide widescreen"].column { + width: 56.25% !important; + } + .ui.grid > .row > [class*="ten wide widescreen"].column, + .ui.grid > .column.row > [class*="ten wide widescreen"].column, + .ui.grid > [class*="ten wide widescreen"].column, + .ui.column.grid > [class*="ten wide widescreen"].column { + width: 62.5% !important; + } + .ui.grid > .row > [class*="eleven wide widescreen"].column, + .ui.grid > .column.row > [class*="eleven wide widescreen"].column, + .ui.grid > [class*="eleven wide widescreen"].column, + .ui.column.grid > [class*="eleven wide widescreen"].column { + width: 68.75% !important; + } + .ui.grid > .row > [class*="twelve wide widescreen"].column, + .ui.grid > .column.row > [class*="twelve wide widescreen"].column, + .ui.grid > [class*="twelve wide widescreen"].column, + .ui.column.grid > [class*="twelve wide widescreen"].column { + width: 75% !important; + } + .ui.grid > .row > [class*="thirteen wide widescreen"].column, + .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, + .ui.grid > [class*="thirteen wide widescreen"].column, + .ui.column.grid > [class*="thirteen wide widescreen"].column { + width: 81.25% !important; + } + .ui.grid > .row > [class*="fourteen wide widescreen"].column, + .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, + .ui.grid > [class*="fourteen wide widescreen"].column, + .ui.column.grid > [class*="fourteen wide widescreen"].column { + width: 87.5% !important; + } + .ui.grid > .row > [class*="fifteen wide widescreen"].column, + .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, + .ui.grid > [class*="fifteen wide widescreen"].column, + .ui.column.grid > [class*="fifteen wide widescreen"].column { + width: 93.75% !important; + } + .ui.grid > .row > [class*="sixteen wide widescreen"].column, + .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, + .ui.grid > [class*="sixteen wide widescreen"].column, + .ui.column.grid > [class*="sixteen wide widescreen"].column { + width: 100% !important; + } +} + +/*---------------------- + Centered +-----------------------*/ + +.ui.centered.grid, +.ui.centered.grid > .row, +.ui.grid > .centered.row { + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), +.ui.centered.grid > .row > .column:not(.aligned):not(.justified), +.ui.grid .centered.row > .column:not(.aligned):not(.justified) { + text-align: left; +} +.ui.grid > .centered.column, +.ui.grid > .row > .centered.column { + display: block; + margin-left: auto; + margin-right: auto; +} + +/*---------------------- + Relaxed +-----------------------*/ + +.ui.relaxed.grid > .column:not(.row), +.ui.relaxed.grid > .row > .column, +.ui.grid > .relaxed.row > .column { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.ui[class*="very relaxed"].grid > .column:not(.row), +.ui[class*="very relaxed"].grid > .row > .column, +.ui.grid > [class*="very relaxed"].row > .column { + padding-left: 2.5rem; + padding-right: 2.5rem; +} + +/* Coupling with UI Divider */ +.ui.relaxed.grid .row + .ui.divider, +.ui.grid .relaxed.row + .ui.divider { + margin-left: 1.5rem; + margin-right: 1.5rem; +} +.ui[class*="very relaxed"].grid .row + .ui.divider, +.ui.grid [class*="very relaxed"].row + .ui.divider { + margin-left: 2.5rem; + margin-right: 2.5rem; +} + +/*---------------------- + Padded +-----------------------*/ + +.ui.padded.grid:not(.vertically):not(.horizontally) { + margin: 0em !important; +} +[class*="horizontally padded"].ui.grid { + margin-left: 0em !important; + margin-right: 0em !important; +} +[class*="vertically padded"].ui.grid { + margin-top: 0em !important; + margin-bottom: 0em !important; +} + +/*---------------------- + "Floated" +-----------------------*/ + +.ui.grid [class*="left floated"].column { + margin-right: auto; +} +.ui.grid [class*="right floated"].column { + margin-left: auto; +} + +/*---------------------- + Divided +-----------------------*/ + +.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), +.ui.divided.grid:not([class*="vertically divided"]) > .row > .column { + -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); +} + +/* Swap from padding to margin on columns to have dividers align */ +.ui[class*="vertically divided"].grid > .column:not(.row), +.ui[class*="vertically divided"].grid > .row > .column { + margin-top: 1rem; + margin-bottom: 1rem; + padding-top: 0rem; + padding-bottom: 0rem; +} +.ui[class*="vertically divided"].grid > .row { + margin-top: 0em; + margin-bottom: 0em; +} + +/* No divider on first column on row */ +.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, +.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { + -webkit-box-shadow: none; + box-shadow: none; +} + +/* No space on top of first row */ +.ui[class*="vertically divided"].grid > .row:first-child > .column { + margin-top: 0em; +} + +/* Divided Row */ +.ui.grid > .divided.row > .column { + -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); +} +.ui.grid > .divided.row > .column:first-child { + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Vertically Divided */ +.ui[class*="vertically divided"].grid > .row { + position: relative; +} +.ui[class*="vertically divided"].grid > .row:before { + position: absolute; + content: ""; + top: 0em; + left: 0px; + width: calc(100% - 2rem); + height: 1px; + margin: 0% 1rem; + -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); +} + +/* Padded Horizontally Divided */ +[class*="horizontally padded"].ui.divided.grid, +.ui.padded.divided.grid:not(.vertically):not(.horizontally) { + width: 100%; +} + +/* First Row Vertically Divided */ +.ui[class*="vertically divided"].grid > .row:first-child:before { + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Inverted Divided */ +.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), +.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { + -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); + box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); +} +.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, +.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { + -webkit-box-shadow: none; + box-shadow: none; +} +.ui.inverted[class*="vertically divided"].grid > .row:before { + -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); + box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); +} + +/* Relaxed */ +.ui.relaxed[class*="vertically divided"].grid > .row:before { + margin-left: 1.5rem; + margin-right: 1.5rem; + width: calc(100% - 3rem); +} +.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before { + margin-left: 2.5rem; + margin-right: 2.5rem; + width: calc(100% - 5rem); +} + +/*---------------------- + Celled +-----------------------*/ + +.ui.celled.grid { + width: 100%; + margin: 1em 0em; + -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5; +} +.ui.celled.grid > .row { + width: 100% !important; + margin: 0em; + padding: 0em; + -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5; + box-shadow: 0px -1px 0px 0px #D4D4D5; +} +.ui.celled.grid > .column:not(.row), +.ui.celled.grid > .row > .column { + -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; + box-shadow: -1px 0px 0px 0px #D4D4D5; +} +.ui.celled.grid > .column:first-child, +.ui.celled.grid > .row > .column:first-child { + -webkit-box-shadow: none; + box-shadow: none; +} +.ui.celled.grid > .column:not(.row), +.ui.celled.grid > .row > .column { + padding: 1em; +} +.ui.relaxed.celled.grid > .column:not(.row), +.ui.relaxed.celled.grid > .row > .column { + padding: 1.5em; +} +.ui[class*="very relaxed"].celled.grid > .column:not(.row), +.ui[class*="very relaxed"].celled.grid > .row > .column { + padding: 2em; +} + +/* Internally Celled */ +.ui[class*="internally celled"].grid { + -webkit-box-shadow: none; + box-shadow: none; + margin: 0em; +} +.ui[class*="internally celled"].grid > .row:first-child { + -webkit-box-shadow: none; + box-shadow: none; +} +.ui[class*="internally celled"].grid > .row > .column:first-child { + -webkit-box-shadow: none; + box-shadow: none; +} + +/*---------------------- + Vertically Aligned +-----------------------*/ + + +/* Top Aligned */ +.ui[class*="top aligned"].grid > .column:not(.row), +.ui[class*="top aligned"].grid > .row > .column, +.ui.grid > [class*="top aligned"].row > .column, +.ui.grid > [class*="top aligned"].column:not(.row), +.ui.grid > .row > [class*="top aligned"].column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + vertical-align: top; + -ms-flex-item-align: start !important; + align-self: flex-start !important; +} + +/* Middle Aligned */ +.ui[class*="middle aligned"].grid > .column:not(.row), +.ui[class*="middle aligned"].grid > .row > .column, +.ui.grid > [class*="middle aligned"].row > .column, +.ui.grid > [class*="middle aligned"].column:not(.row), +.ui.grid > .row > [class*="middle aligned"].column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + vertical-align: middle; + -ms-flex-item-align: center !important; + align-self: center !important; +} + +/* Bottom Aligned */ +.ui[class*="bottom aligned"].grid > .column:not(.row), +.ui[class*="bottom aligned"].grid > .row > .column, +.ui.grid > [class*="bottom aligned"].row > .column, +.ui.grid > [class*="bottom aligned"].column:not(.row), +.ui.grid > .row > [class*="bottom aligned"].column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + vertical-align: bottom; + -ms-flex-item-align: end !important; + align-self: flex-end !important; +} + +/* Stretched */ +.ui.stretched.grid > .row > .column, +.ui.stretched.grid > .column, +.ui.grid > .stretched.row > .column, +.ui.grid > .stretched.column:not(.row), +.ui.grid > .row > .stretched.column { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -ms-flex-item-align: stretch; + align-self: stretch; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.ui.stretched.grid > .row > .column > *, +.ui.stretched.grid > .column > *, +.ui.grid > .stretched.row > .column > *, +.ui.grid > .stretched.column:not(.row) > *, +.ui.grid > .row > .stretched.column > * { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +/*---------------------- + Horizontally Centered +-----------------------*/ + + +/* Left Aligned */ +.ui[class*="left aligned"].grid > .column, +.ui[class*="left aligned"].grid > .row > .column, +.ui.grid > [class*="left aligned"].row > .column, +.ui.grid > [class*="left aligned"].column.column, +.ui.grid > .row > [class*="left aligned"].column.column { + text-align: left; + -ms-flex-item-align: inherit; + align-self: inherit; +} + +/* Center Aligned */ +.ui[class*="center aligned"].grid > .column, +.ui[class*="center aligned"].grid > .row > .column, +.ui.grid > [class*="center aligned"].row > .column, +.ui.grid > [class*="center aligned"].column.column, +.ui.grid > .row > [class*="center aligned"].column.column { + text-align: center; + -ms-flex-item-align: inherit; + align-self: inherit; +} +.ui[class*="center aligned"].grid { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +/* Right Aligned */ +.ui[class*="right aligned"].grid > .column, +.ui[class*="right aligned"].grid > .row > .column, +.ui.grid > [class*="right aligned"].row > .column, +.ui.grid > [class*="right aligned"].column.column, +.ui.grid > .row > [class*="right aligned"].column.column { + text-align: right; + -ms-flex-item-align: inherit; + align-self: inherit; +} + +/* Justified */ +.ui.justified.grid > .column, +.ui.justified.grid > .row > .column, +.ui.grid > .justified.row > .column, +.ui.grid > .justified.column.column, +.ui.grid > .row > .justified.column.column { + text-align: justify; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; +} + +/*---------------------- + Colored +-----------------------*/ + +.ui.grid > .row > .red.column, +.ui.grid > .row > .orange.column, +.ui.grid > .row > .yellow.column, +.ui.grid > .row > .olive.column, +.ui.grid > .row > .green.column, +.ui.grid > .row > .teal.column, +.ui.grid > .row > .blue.column, +.ui.grid > .row > .violet.column, +.ui.grid > .row > .purple.column, +.ui.grid > .row > .pink.column, +.ui.grid > .row > .brown.column, +.ui.grid > .row > .grey.column, +.ui.grid > .row > .black.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +/* Red */ +.ui.grid > .red.row, +.ui.grid > .red.column, +.ui.grid > .row > .red.column { + background-color: #DB2828 !important; + color: #FFFFFF; +} + +/* Orange */ +.ui.grid > .orange.row, +.ui.grid > .orange.column, +.ui.grid > .row > .orange.column { + background-color: #F2711C !important; + color: #FFFFFF; +} + +/* Yellow */ +.ui.grid > .yellow.row, +.ui.grid > .yellow.column, +.ui.grid > .row > .yellow.column { + background-color: #FBBD08 !important; + color: #FFFFFF; +} + +/* Olive */ +.ui.grid > .olive.row, +.ui.grid > .olive.column, +.ui.grid > .row > .olive.column { + background-color: #B5CC18 !important; + color: #FFFFFF; +} + +/* Green */ +.ui.grid > .green.row, +.ui.grid > .green.column, +.ui.grid > .row > .green.column { + background-color: #21BA45 !important; + color: #FFFFFF; +} + +/* Teal */ +.ui.grid > .teal.row, +.ui.grid > .teal.column, +.ui.grid > .row > .teal.column { + background-color: #00B5AD !important; + color: #FFFFFF; +} + +/* Blue */ +.ui.grid > .blue.row, +.ui.grid > .blue.column, +.ui.grid > .row > .blue.column { + background-color: #2185D0 !important; + color: #FFFFFF; +} + +/* Violet */ +.ui.grid > .violet.row, +.ui.grid > .violet.column, +.ui.grid > .row > .violet.column { + background-color: #6435C9 !important; + color: #FFFFFF; +} + +/* Purple */ +.ui.grid > .purple.row, +.ui.grid > .purple.column, +.ui.grid > .row > .purple.column { + background-color: #A333C8 !important; + color: #FFFFFF; +} + +/* Pink */ +.ui.grid > .pink.row, +.ui.grid > .pink.column, +.ui.grid > .row > .pink.column { + background-color: #E03997 !important; + color: #FFFFFF; +} + +/* Brown */ +.ui.grid > .brown.row, +.ui.grid > .brown.column, +.ui.grid > .row > .brown.column { + background-color: #A5673F !important; + color: #FFFFFF; +} + +/* Grey */ +.ui.grid > .grey.row, +.ui.grid > .grey.column, +.ui.grid > .row > .grey.column { + background-color: #767676 !important; + color: #FFFFFF; +} + +/* Black */ +.ui.grid > .black.row, +.ui.grid > .black.column, +.ui.grid > .row > .black.column { + background-color: #1B1C1D !important; + color: #FFFFFF; +} + +/*---------------------- + Equal Width +-----------------------*/ + +.ui[class*="equal width"].grid > .column:not(.row), +.ui[class*="equal width"].grid > .row > .column, +.ui.grid > [class*="equal width"].row > .column { + display: inline-block; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.ui[class*="equal width"].grid > .wide.column, +.ui[class*="equal width"].grid > .row > .wide.column, +.ui.grid > [class*="equal width"].row > .wide.column { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; +} + +/*---------------------- + Reverse +-----------------------*/ + + +/* Mobile */ +@media only screen and (max-width: 767px) { + .ui[class*="mobile reversed"].grid, + .ui[class*="mobile reversed"].grid > .row, + .ui.grid > [class*="mobile reversed"].row { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + .ui[class*="mobile vertically reversed"].grid, + .ui.stackable[class*="mobile reversed"] { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + +/* Divided Reversed */ + .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, + .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { + -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + } + .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, + .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { + -webkit-box-shadow: none; + box-shadow: none; + } + +/* Vertically Divided Reversed */ + .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before { + -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + } + .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before { + -webkit-box-shadow: none; + box-shadow: none; + } + +/* Celled Reversed */ + .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child { + -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; + box-shadow: -1px 0px 0px 0px #D4D4D5; + } + .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child { + -webkit-box-shadow: none; + box-shadow: none; + } +} + +/* Tablet */ +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui[class*="tablet reversed"].grid, + .ui[class*="tablet reversed"].grid > .row, + .ui.grid > [class*="tablet reversed"].row { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + .ui[class*="tablet vertically reversed"].grid { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + +/* Divided Reversed */ + .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, + .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { + -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + } + .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, + .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { + -webkit-box-shadow: none; + box-shadow: none; + } + +/* Vertically Divided Reversed */ + .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before { + -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + } + .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before { + -webkit-box-shadow: none; + box-shadow: none; + } + +/* Celled Reversed */ + .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child { + -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; + box-shadow: -1px 0px 0px 0px #D4D4D5; + } + .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child { + -webkit-box-shadow: none; + box-shadow: none; + } +} + +/* Computer */ +@media only screen and (min-width: 992px) { + .ui[class*="computer reversed"].grid, + .ui[class*="computer reversed"].grid > .row, + .ui.grid > [class*="computer reversed"].row { + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + .ui[class*="computer vertically reversed"].grid { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + +/* Divided Reversed */ + .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, + .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { + -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + } + .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, + .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { + -webkit-box-shadow: none; + box-shadow: none; + } + +/* Vertically Divided Reversed */ + .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before { + -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + } + .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before { + -webkit-box-shadow: none; + box-shadow: none; + } + +/* Celled Reversed */ + .ui[class*="computer reversed"].celled.grid > .row > .column:first-child { + -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; + box-shadow: -1px 0px 0px 0px #D4D4D5; + } + .ui[class*="computer reversed"].celled.grid > .row > .column:last-child { + -webkit-box-shadow: none; + box-shadow: none; + } +} + +/*------------------- + Doubling +--------------------*/ + + +/* Tablet Only */ +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui.doubling.grid { + width: auto; + } + .ui.grid > .doubling.row, + .ui.doubling.grid > .row { + margin: 0em !important; + padding: 0em !important; + } + .ui.grid > .doubling.row > .column, + .ui.doubling.grid > .row > .column { + display: inline-block !important; + padding-top: 1rem !important; + padding-bottom: 1rem !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + margin: 0em; + } + .ui[class*="two column"].doubling.grid > .row > .column, + .ui[class*="two column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="two column"].doubling.row.row > .column { + width: 100% !important; + } + .ui[class*="three column"].doubling.grid > .row > .column, + .ui[class*="three column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="three column"].doubling.row.row > .column { + width: 50% !important; + } + .ui[class*="four column"].doubling.grid > .row > .column, + .ui[class*="four column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="four column"].doubling.row.row > .column { + width: 50% !important; + } + .ui[class*="five column"].doubling.grid > .row > .column, + .ui[class*="five column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="five column"].doubling.row.row > .column { + width: 33.33333333% !important; + } + .ui[class*="six column"].doubling.grid > .row > .column, + .ui[class*="six column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="six column"].doubling.row.row > .column { + width: 33.33333333% !important; + } + .ui[class*="seven column"].doubling.grid > .row > .column, + .ui[class*="seven column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="seven column"].doubling.row.row > .column { + width: 33.33333333% !important; + } + .ui[class*="eight column"].doubling.grid > .row > .column, + .ui[class*="eight column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="eight column"].doubling.row.row > .column { + width: 25% !important; + } + .ui[class*="nine column"].doubling.grid > .row > .column, + .ui[class*="nine column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="nine column"].doubling.row.row > .column { + width: 25% !important; + } + .ui[class*="ten column"].doubling.grid > .row > .column, + .ui[class*="ten column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="ten column"].doubling.row.row > .column { + width: 20% !important; + } + .ui[class*="eleven column"].doubling.grid > .row > .column, + .ui[class*="eleven column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="eleven column"].doubling.row.row > .column { + width: 20% !important; + } + .ui[class*="twelve column"].doubling.grid > .row > .column, + .ui[class*="twelve column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="twelve column"].doubling.row.row > .column { + width: 16.66666667% !important; + } + .ui[class*="thirteen column"].doubling.grid > .row > .column, + .ui[class*="thirteen column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="thirteen column"].doubling.row.row > .column { + width: 16.66666667% !important; + } + .ui[class*="fourteen column"].doubling.grid > .row > .column, + .ui[class*="fourteen column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="fourteen column"].doubling.row.row > .column { + width: 14.28571429% !important; + } + .ui[class*="fifteen column"].doubling.grid > .row > .column, + .ui[class*="fifteen column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="fifteen column"].doubling.row.row > .column { + width: 14.28571429% !important; + } + .ui[class*="sixteen column"].doubling.grid > .row > .column, + .ui[class*="sixteen column"].doubling.grid > .column:not(.row), + .ui.grid > [class*="sixteen column"].doubling.row.row > .column { + width: 12.5% !important; + } +} + +/* Mobile Only */ +@media only screen and (max-width: 767px) { + .ui.grid > .doubling.row, + .ui.doubling.grid > .row { + margin: 0em !important; + padding: 0em !important; + } + .ui.grid > .doubling.row > .column, + .ui.doubling.grid > .row > .column { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + margin: 0em !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column { + width: 100% !important; + } + .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column { + width: 50% !important; + } + .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column { + width: 50% !important; + } + .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column { + width: 50% !important; + } + .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column { + width: 50% !important; + } + .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column { + width: 50% !important; + } + .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column { + width: 50% !important; + } + .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column { + width: 33.33333333% !important; + } + .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column { + width: 33.33333333% !important; + } + .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column { + width: 33.33333333% !important; + } + .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column { + width: 33.33333333% !important; + } + .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column { + width: 33.33333333% !important; + } + .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column { + width: 25% !important; + } + .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column { + width: 25% !important; + } + .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row), + .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column { + width: 25% !important; + } +} + +/*------------------- + Stackable +--------------------*/ + +@media only screen and (max-width: 767px) { + .ui.stackable.grid { + width: auto; + margin-left: 0em !important; + margin-right: 0em !important; + } + .ui.stackable.grid > .row > .wide.column, + .ui.stackable.grid > .wide.column, + .ui.stackable.grid > .column.grid > .column, + .ui.stackable.grid > .column.row > .column, + .ui.stackable.grid > .row > .column, + .ui.stackable.grid > .column:not(.row), + .ui.grid > .stackable.stackable.row > .column { + width: 100% !important; + margin: 0em 0em !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + padding: 1rem 1rem !important; + } + .ui.stackable.grid:not(.vertically) > .row { + margin: 0em; + padding: 0em; + } + +/* Coupling */ + .ui.container > .ui.stackable.grid > .column, + .ui.container > .ui.stackable.grid > .row > .column { + padding-left: 0em !important; + padding-right: 0em !important; + } + +/* Don't pad inside segment or nested grid */ + .ui.grid .ui.stackable.grid, + .ui.segment:not(.vertical) .ui.stackable.page.grid { + margin-left: -1rem !important; + margin-right: -1rem !important; + } + +/* Divided Stackable */ + .ui.stackable.divided.grid > .row:first-child > .column:first-child, + .ui.stackable.celled.grid > .row:first-child > .column:first-child, + .ui.stackable.divided.grid > .column:not(.row):first-child, + .ui.stackable.celled.grid > .column:not(.row):first-child { + border-top: none !important; + } + .ui.inverted.stackable.celled.grid > .column:not(.row), + .ui.inverted.stackable.divided.grid > .column:not(.row), + .ui.inverted.stackable.celled.grid > .row > .column, + .ui.inverted.stackable.divided.grid > .row > .column { + border-top: 1px solid rgba(255, 255, 255, 0.1); + } + .ui.stackable.celled.grid > .column:not(.row), + .ui.stackable.divided:not(.vertically).grid > .column:not(.row), + .ui.stackable.celled.grid > .row > .column, + .ui.stackable.divided:not(.vertically).grid > .row > .column { + border-top: 1px solid rgba(34, 36, 38, 0.15); + -webkit-box-shadow: none !important; + box-shadow: none !important; + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } + .ui.stackable.celled.grid > .row { + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + .ui.stackable.divided:not(.vertically).grid > .column:not(.row), + .ui.stackable.divided:not(.vertically).grid > .row > .column { + padding-left: 0em !important; + padding-right: 0em !important; + } +} + +/*---------------------- + Only (Device) +-----------------------*/ + + +/* These include arbitrary class repetitions for forced specificity */ + +/* Mobile Only Hide */ +@media only screen and (max-width: 767px) { + .ui[class*="tablet only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) { + display: none !important; + } + .ui[class*="computer only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) { + display: none !important; + } + .ui[class*="large screen only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { + display: none !important; + } + .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { + display: none !important; + } +} + +/* Tablet Only Hide */ +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui[class*="mobile only"].grid.grid.grid:not(.tablet), + .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), + .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), + .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) { + display: none !important; + } + .ui[class*="computer only"].grid.grid.grid:not(.tablet), + .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), + .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), + .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) { + display: none !important; + } + .ui[class*="large screen only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { + display: none !important; + } + .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { + display: none !important; + } +} + +/* Computer Only Hide */ +@media only screen and (min-width: 992px) and (max-width: 1199px) { + .ui[class*="mobile only"].grid.grid.grid:not(.computer), + .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), + .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), + .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { + display: none !important; + } + .ui[class*="tablet only"].grid.grid.grid:not(.computer), + .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), + .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), + .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { + display: none !important; + } + .ui[class*="large screen only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { + display: none !important; + } + .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { + display: none !important; + } +} + +/* Large Screen Only Hide */ +@media only screen and (min-width: 1200px) and (max-width: 1919px) { + .ui[class*="mobile only"].grid.grid.grid:not(.computer), + .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), + .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), + .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { + display: none !important; + } + .ui[class*="tablet only"].grid.grid.grid:not(.computer), + .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), + .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), + .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { + display: none !important; + } + .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { + display: none !important; + } +} + +/* Widescreen Only Hide */ +@media only screen and (min-width: 1920px) { + .ui[class*="mobile only"].grid.grid.grid:not(.computer), + .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), + .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), + .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { + display: none !important; + } + .ui[class*="tablet only"].grid.grid.grid:not(.computer), + .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), + .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), + .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { + display: none !important; + } +} + + +/******************************* + Theme Overrides +*******************************/ + + + +/******************************* + Site Overrides +*******************************/ + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/header.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/header.css new file mode 100644 index 00000000..58026b66 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/header.css @@ -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 +*******************************/ + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/highlight.min.js b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/highlight.min.js new file mode 100644 index 00000000..96eb8739 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/highlight.min.js @@ -0,0 +1 @@ +!function(e){"undefined"!=typeof exports?e(exports):(window.hljs=e({}),"function"==typeof define&&define.amd&&define("hljs",[],function(){return window.hljs}))}(function(e){function n(e){return e.replace(/&/gm,"&").replace(//gm,">")}function t(e){return e.nodeName.toLowerCase()}function r(e,n){var t=e&&e.exec(n);return t&&0==t.index}function a(e){return/no-?highlight|plain|text/.test(e)}function i(e){var n,t,r,i=e.className+" ";if(i+=e.parentNode?e.parentNode.className:"",t=/\blang(?:uage)?-([\w-]+)\b/.exec(i))return E(t[1])?t[1]:"no-highlight";for(i=i.split(/\s+/),n=0,r=i.length;r>n;n++)if(E(i[n])||a(i[n]))return i[n]}function o(e,n){var t,r={};for(t in e)r[t]=e[t];if(n)for(t in n)r[t]=n[t];return r}function u(e){var n=[];return function r(e,a){for(var i=e.firstChild;i;i=i.nextSibling)3==i.nodeType?a+=i.nodeValue.length:1==i.nodeType&&(n.push({event:"start",offset:a,node:i}),a=r(i,a),t(i).match(/br|hr|img|input/)||n.push({event:"stop",offset:a,node:i}));return a}(e,0),n}function c(e,r,a){function i(){return e.length&&r.length?e[0].offset!=r[0].offset?e[0].offset"}function u(e){f+=""}function c(e){("start"==e.event?o:u)(e.node)}for(var s=0,f="",l=[];e.length||r.length;){var g=i();if(f+=n(a.substr(s,g[0].offset-s)),s=g[0].offset,g==e){l.reverse().forEach(u);do c(g.splice(0,1)[0]),g=i();while(g==e&&g.length&&g[0].offset==s);l.reverse().forEach(o)}else"start"==g[0].event?l.push(g[0].node):l.pop(),c(g.splice(0,1)[0])}return f+n(a.substr(s))}function s(e){function n(e){return e&&e.source||e}function t(t,r){return new RegExp(n(t),"m"+(e.cI?"i":"")+(r?"g":""))}function r(a,i){if(!a.compiled){if(a.compiled=!0,a.k=a.k||a.bK,a.k){var u={},c=function(n,t){e.cI&&(t=t.toLowerCase()),t.split(" ").forEach(function(e){var t=e.split("|");u[t[0]]=[n,t[1]?Number(t[1]):1]})};"string"==typeof a.k?c("keyword",a.k):Object.keys(a.k).forEach(function(e){c(e,a.k[e])}),a.k=u}a.lR=t(a.l||/\b\w+\b/,!0),i&&(a.bK&&(a.b="\\b("+a.bK.split(" ").join("|")+")\\b"),a.b||(a.b=/\B|\b/),a.bR=t(a.b),a.e||a.eW||(a.e=/\B|\b/),a.e&&(a.eR=t(a.e)),a.tE=n(a.e)||"",a.eW&&i.tE&&(a.tE+=(a.e?"|":"")+i.tE)),a.i&&(a.iR=t(a.i)),void 0===a.r&&(a.r=1),a.c||(a.c=[]);var s=[];a.c.forEach(function(e){e.v?e.v.forEach(function(n){s.push(o(e,n))}):s.push("self"==e?a:e)}),a.c=s,a.c.forEach(function(e){r(e,a)}),a.starts&&r(a.starts,i);var f=a.c.map(function(e){return e.bK?"\\.?("+e.b+")\\.?":e.b}).concat([a.tE,a.i]).map(n).filter(Boolean);a.t=f.length?t(f.join("|"),!0):{exec:function(){return null}}}}r(e)}function f(e,t,a,i){function o(e,n){for(var t=0;t";return i+=e+'">',i+n+o}function p(){if(!L.k)return n(B);var e="",t=0;L.lR.lastIndex=0;for(var r=L.lR.exec(B);r;){e+=n(B.substr(t,r.index-t));var a=g(L,r);a?(y+=a[1],e+=h(a[0],n(r[0]))):e+=n(r[0]),t=L.lR.lastIndex,r=L.lR.exec(B)}return e+n(B.substr(t))}function d(){if(L.sL&&!x[L.sL])return n(B);var e=L.sL?f(L.sL,B,!0,M[L.sL]):l(B);return L.r>0&&(y+=e.r),"continuous"==L.subLanguageMode&&(M[L.sL]=e.top),h(e.language,e.value,!1,!0)}function b(){return void 0!==L.sL?d():p()}function v(e,t){var r=e.cN?h(e.cN,"",!0):"";e.rB?(k+=r,B=""):e.eB?(k+=n(t)+r,B=""):(k+=r,B=t),L=Object.create(e,{parent:{value:L}})}function m(e,t){if(B+=e,void 0===t)return k+=b(),0;var r=o(t,L);if(r)return k+=b(),v(r,t),r.rB?0:t.length;var a=u(L,t);if(a){var i=L;i.rE||i.eE||(B+=t),k+=b();do L.cN&&(k+=""),y+=L.r,L=L.parent;while(L!=a.parent);return i.eE&&(k+=n(t)),B="",a.starts&&v(a.starts,""),i.rE?0:t.length}if(c(t,L))throw new Error('Illegal lexeme "'+t+'" for mode "'+(L.cN||"")+'"');return B+=t,t.length||1}var N=E(e);if(!N)throw new Error('Unknown language: "'+e+'"');s(N);var R,L=i||N,M={},k="";for(R=L;R!=N;R=R.parent)R.cN&&(k=h(R.cN,"",!0)+k);var B="",y=0;try{for(var C,j,I=0;;){if(L.t.lastIndex=I,C=L.t.exec(t),!C)break;j=m(t.substr(I,C.index-I),C[0]),I=C.index+j}for(m(t.substr(I)),R=L;R.parent;R=R.parent)R.cN&&(k+="");return{r:y,value:k,language:e,top:L}}catch(O){if(-1!=O.message.indexOf("Illegal"))return{r:0,value:n(t)};throw O}}function l(e,t){t=t||w.languages||Object.keys(x);var r={r:0,value:n(e)},a=r;return t.forEach(function(n){if(E(n)){var t=f(n,e,!1);t.language=n,t.r>a.r&&(a=t),t.r>r.r&&(a=r,r=t)}}),a.language&&(r.second_best=a),r}function g(e){return w.tabReplace&&(e=e.replace(/^((<[^>]+>|\t)+)/gm,function(e,n){return n.replace(/\t/g,w.tabReplace)})),w.useBR&&(e=e.replace(/\n/g,"
")),e}function h(e,n,t){var r=n?R[n]:t,a=[e.trim()];return e.match(/\bhljs\b/)||a.push("hljs"),-1===e.indexOf(r)&&a.push(r),a.join(" ").trim()}function p(e){var n=i(e);if(!a(n)){var t;w.useBR?(t=document.createElementNS("http://www.w3.org/1999/xhtml","div"),t.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):t=e;var r=t.textContent,o=n?f(n,r,!0):l(r),s=u(t);if(s.length){var p=document.createElementNS("http://www.w3.org/1999/xhtml","div");p.innerHTML=o.value,o.value=c(s,u(p),r)}o.value=g(o.value),e.innerHTML=o.value,e.className=h(e.className,n,o.language),e.result={language:o.language,re:o.r},o.second_best&&(e.second_best={language:o.second_best.language,re:o.second_best.r})}}function d(e){w=o(w,e)}function b(){if(!b.called){b.called=!0;var e=document.querySelectorAll("pre code");Array.prototype.forEach.call(e,p)}}function v(){addEventListener("DOMContentLoaded",b,!1),addEventListener("load",b,!1)}function m(n,t){var r=x[n]=t(e);r.aliases&&r.aliases.forEach(function(e){R[e]=n})}function N(){return Object.keys(x)}function E(e){return x[e]||x[R[e]]}var w={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},x={},R={};return e.highlight=f,e.highlightAuto=l,e.fixMarkup=g,e.highlightBlock=p,e.configure=d,e.initHighlighting=b,e.initHighlightingOnLoad=v,e.registerLanguage=m,e.listLanguages=N,e.getLanguage=E,e.inherit=o,e.IR="[a-zA-Z]\\w*",e.UIR="[a-zA-Z_]\\w*",e.NR="\\b\\d+(\\.\\d+)?",e.CNR="\\b(0[xX][a-fA-F0-9]+|(\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BNR="\\b(0b[01]+)",e.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BE={b:"\\\\[\\s\\S]",r:0},e.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[e.BE]},e.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[e.BE]},e.PWM={b:/\b(a|an|the|are|I|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such)\b/},e.C=function(n,t,r){var a=e.inherit({cN:"comment",b:n,e:t,c:[]},r||{});return a.c.push(e.PWM),a.c.push({cN:"doctag",bK:"TODO FIXME NOTE BUG XXX",r:0}),a},e.CLCM=e.C("//","$"),e.CBCM=e.C("/\\*","\\*/"),e.HCM=e.C("#","$"),e.NM={cN:"number",b:e.NR,r:0},e.CNM={cN:"number",b:e.CNR,r:0},e.BNM={cN:"number",b:e.BNR,r:0},e.CSSNM={cN:"number",b:e.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",r:0},e.RM={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[e.BE,{b:/\[/,e:/\]/,r:0,c:[e.BE]}]},e.TM={cN:"title",b:e.IR,r:0},e.UTM={cN:"title",b:e.UIR,r:0},e});hljs.registerLanguage("scss",function(e){var t="[a-zA-Z-][a-zA-Z0-9_-]*",i={cN:"variable",b:"(\\$"+t+")\\b"},r={cN:"function",b:t+"\\(",rB:!0,eE:!0,e:"\\("},o={cN:"hexcolor",b:"#[0-9A-Fa-f]+"};({cN:"attribute",b:"[A-Z\\_\\.\\-]+",e:":",eE:!0,i:"[^\\s]",starts:{cN:"value",eW:!0,eE:!0,c:[r,o,e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"important",b:"!important"}]}});return{cI:!0,i:"[=/|']",c:[e.CLCM,e.CBCM,r,{cN:"id",b:"\\#[A-Za-z0-9_-]+",r:0},{cN:"class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"attr_selector",b:"\\[",e:"\\]",i:"$"},{cN:"tag",b:"\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|keygen|label|legend|li|link|map|mark|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b",r:0},{cN:"pseudo",b:":(visited|valid|root|right|required|read-write|read-only|out-range|optional|only-of-type|only-child|nth-of-type|nth-last-of-type|nth-last-child|nth-child|not|link|left|last-of-type|last-child|lang|invalid|indeterminate|in-range|hover|focus|first-of-type|first-line|first-letter|first-child|first|enabled|empty|disabled|default|checked|before|after|active)"},{cN:"pseudo",b:"::(after|before|choices|first-letter|first-line|repeat-index|repeat-item|selection|value)"},i,{cN:"attribute",b:"\\b(z-index|word-wrap|word-spacing|word-break|width|widows|white-space|visibility|vertical-align|unicode-bidi|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|text-underline-position|text-transform|text-shadow|text-rendering|text-overflow|text-indent|text-decoration-style|text-decoration-line|text-decoration-color|text-decoration|text-align-last|text-align|tab-size|table-layout|right|resize|quotes|position|pointer-events|perspective-origin|perspective|page-break-inside|page-break-before|page-break-after|padding-top|padding-right|padding-left|padding-bottom|padding|overflow-y|overflow-x|overflow-wrap|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|order|opacity|object-position|object-fit|normal|none|nav-up|nav-right|nav-left|nav-index|nav-down|min-width|min-height|max-width|max-height|mask|marks|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|line-height|letter-spacing|left|justify-content|initial|inherit|ime-mode|image-orientation|image-resolution|image-rendering|icon|hyphens|height|font-weight|font-variant-ligatures|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|float|flex-wrap|flex-shrink|flex-grow|flex-flow|flex-direction|flex-basis|flex|filter|empty-cells|display|direction|cursor|counter-reset|counter-increment|content|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|columns|color|clip-path|clip|clear|caption-side|break-inside|break-before|break-after|box-sizing|box-shadow|box-decoration-break|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-attachment|background-blend-mode|background|backface-visibility|auto|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|align-self|align-items|align-content)\\b",i:"[^\\s]"},{cN:"value",b:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"},{cN:"value",b:":",e:";",c:[r,i,o,e.CSSNM,e.QSM,e.ASM,{cN:"important",b:"!important"}]},{cN:"at_rule",b:"@",e:"[{;]",k:"mixin include extend for if else each while charset import debug media page content font-face namespace warn",c:[r,i,e.QSM,e.ASM,o,e.CSSNM,{cN:"preprocessor",b:"\\s[A-Za-z0-9_.-]+",r:0}]}]}});hljs.registerLanguage("javascript",function(e){return{aliases:["js"],k:{keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},c:[{cN:"pi",r:10,b:/^\s*['"]use (strict|asm)['"]/},e.ASM,e.QSM,{cN:"string",b:"`",e:"`",c:[e.BE,{cN:"subst",b:"\\$\\{",e:"\\}"}]},e.CLCM,e.CBCM,{cN:"number",v:[{b:"\\b(0[bB][01]+)"},{b:"\\b(0[oO][0-7]+)"},{b:e.CNR}],r:0},{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{b:/\s*[);\]]/,r:0,sL:"xml"}],r:0},{cN:"function",bK:"function",e:/\{/,eE:!0,c:[e.inherit(e.TM,{b:/[A-Za-z$_][0-9A-Za-z$_]*/}),{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,c:[e.CLCM,e.CBCM],i:/["'\(]/}],i:/\[|%/},{b:/\$[(.]/},{b:"\\."+e.IR,r:0},{bK:"import",e:"[;$]",k:"import from as",c:[e.ASM,e.QSM]},{cN:"class",bK:"class",e:/[{;=]/,eE:!0,i:/[:"\[\]]/,c:[{bK:"extends"},e.UTM]}]}});hljs.registerLanguage("http",function(t){return{aliases:["https"],i:"\\S",c:[{cN:"status",b:"^HTTP/[0-9\\.]+",e:"$",c:[{cN:"number",b:"\\b\\d{3}\\b"}]},{cN:"request",b:"^[A-Z]+ (.*?) HTTP/[0-9\\.]+$",rB:!0,e:"$",c:[{cN:"string",b:" ",e:" ",eB:!0,eE:!0}]},{cN:"attribute",b:"^\\w",e:": ",eE:!0,i:"\\n|\\s|=",starts:{cN:"string",e:"$"}},{b:"\\n\\n",starts:{sL:"",eW:!0}}]}});hljs.registerLanguage("less",function(e){var r="[\\w-]+",t="("+r+"|@{"+r+"})",a=[],c=[],n=function(e){return{cN:"string",b:"~?"+e+".*?"+e}},i=function(e,r,t){return{cN:e,b:r,r:t}},s=function(r,t,a){return e.inherit({cN:r,b:t+"\\(",e:"\\(",rB:!0,eE:!0,r:0},a)},b={b:"\\(",e:"\\)",c:c,r:0};c.push(e.CLCM,e.CBCM,n("'"),n('"'),e.CSSNM,i("hexcolor","#[0-9A-Fa-f]+\\b"),s("function","(url|data-uri)",{starts:{cN:"string",e:"[\\)\\n]",eE:!0}}),s("function",r),b,i("variable","@@?"+r,10),i("variable","@{"+r+"}"),i("built_in","~?`[^`]*?`"),{cN:"attribute",b:r+"\\s*:",e:":",rB:!0,eE:!0});var o=c.concat({b:"{",e:"}",c:a}),u={bK:"when",eW:!0,c:[{bK:"and not"}].concat(c)},C={cN:"attribute",b:t,e:":",eE:!0,c:[e.CLCM,e.CBCM],i:/\S/,starts:{e:"[;}]",rE:!0,c:c,i:"[<=$]"}},l={cN:"at_rule",b:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",starts:{e:"[;{}]",rE:!0,c:c,r:0}},d={cN:"variable",v:[{b:"@"+r+"\\s*:",r:15},{b:"@"+r}],starts:{e:"[;}]",rE:!0,c:o}},p={v:[{b:"[\\.#:&\\[]",e:"[;{}]"},{b:t+"[^;]*{",e:"{"}],rB:!0,rE:!0,i:"[<='$\"]",c:[e.CLCM,e.CBCM,u,i("keyword","all\\b"),i("variable","@{"+r+"}"),i("tag",t+"%?",0),i("id","#"+t),i("class","\\."+t,0),i("keyword","&",0),s("pseudo",":not"),s("keyword",":extend"),i("pseudo","::?"+t),{cN:"attr_selector",b:"\\[",e:"\\]"},{b:"\\(",e:"\\)",c:o},{b:"!important"}]};return a.push(e.CLCM,e.CBCM,l,d,p,C),{cI:!0,i:"[=>'/<($\"]",c:a}});hljs.registerLanguage("css",function(e){var c="[a-zA-Z-][a-zA-Z0-9_-]*",a={cN:"function",b:c+"\\(",rB:!0,eE:!0,e:"\\("},r={cN:"rule",b:/[A-Z\_\.\-]+\s*:/,rB:!0,e:";",eW:!0,c:[{cN:"attribute",b:/\S/,e:":",eE:!0,starts:{cN:"value",eW:!0,eE:!0,c:[a,e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"hexcolor",b:"#[0-9A-Fa-f]+"},{cN:"important",b:"!important"}]}}]};return{cI:!0,i:/[=\/|'\$]/,c:[e.CBCM,r,{cN:"id",b:/\#[A-Za-z0-9_-]+/},{cN:"class",b:/\.[A-Za-z0-9_-]+/},{cN:"attr_selector",b:/\[/,e:/\]/,i:"$"},{cN:"pseudo",b:/:(:)?[a-zA-Z0-9\_\-\+\(\)"']+/},{cN:"at_rule",b:"@(font-face|page)",l:"[a-z-]+",k:"font-face page"},{cN:"at_rule",b:"@",e:"[{;]",c:[{cN:"keyword",b:/\S+/},{b:/\s/,eW:!0,eE:!0,r:0,c:[a,e.ASM,e.QSM,e.CSSNM]}]},{cN:"tag",b:c,r:0},{cN:"rules",b:"{",e:"}",i:/\S/,c:[e.CBCM,r]}]}});hljs.registerLanguage("markdown",function(e){return{aliases:["md","mkdown","mkd"],c:[{cN:"header",v:[{b:"^#{1,6}",e:"$"},{b:"^.+?\\n[=-]{2,}$"}]},{b:"<",e:">",sL:"xml",r:0},{cN:"bullet",b:"^([*+-]|(\\d+\\.))\\s+"},{cN:"strong",b:"[*_]{2}.+?[*_]{2}"},{cN:"emphasis",v:[{b:"\\*.+?\\*"},{b:"_.+?_",r:0}]},{cN:"blockquote",b:"^>\\s+",e:"$"},{cN:"code",v:[{b:"`.+?`"},{b:"^( {4}| )",e:"$",r:0}]},{cN:"horizontal_rule",b:"^[-\\*]{3,}",e:"$"},{b:"\\[.+?\\][\\(\\[].*?[\\)\\]]",rB:!0,c:[{cN:"link_label",b:"\\[",e:"\\]",eB:!0,rE:!0,r:0},{cN:"link_url",b:"\\]\\(",e:"\\)",eB:!0,eE:!0},{cN:"link_reference",b:"\\]\\[",e:"\\]",eB:!0,eE:!0}],r:10},{b:"^\\[.+\\]:",rB:!0,c:[{cN:"link_reference",b:"\\[",e:"\\]:",eB:!0,eE:!0,starts:{cN:"link_url",e:"$"}}]}]}});hljs.registerLanguage("nginx",function(e){var r={cN:"variable",v:[{b:/\$\d+/},{b:/\$\{/,e:/}/},{b:"[\\$\\@]"+e.UIR}]},b={eW:!0,l:"[a-z/_]+",k:{built_in:"on off yes no true false none blocked debug info notice warn error crit select break last permanent redirect kqueue rtsig epoll poll /dev/poll"},r:0,i:"=>",c:[e.HCM,{cN:"string",c:[e.BE,r],v:[{b:/"/,e:/"/},{b:/'/,e:/'/}]},{cN:"url",b:"([a-z]+):/",e:"\\s",eW:!0,eE:!0,c:[r]},{cN:"regexp",c:[e.BE,r],v:[{b:"\\s\\^",e:"\\s|{|;",rE:!0},{b:"~\\*?\\s+",e:"\\s|{|;",rE:!0},{b:"\\*(\\.[a-z\\-]+)+"},{b:"([a-z\\-]+\\.)+\\*"}]},{cN:"number",b:"\\b\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}(:\\d{1,5})?\\b"},{cN:"number",b:"\\b\\d+[kKmMgGdshdwy]*\\b",r:0},r]};return{aliases:["nginxconf"],c:[e.HCM,{b:e.UIR+"\\s",e:";|{",rB:!0,c:[{cN:"title",b:e.UIR,starts:b}],r:0}],i:"[^\\s\\}]"}});hljs.registerLanguage("xml",function(t){var e="[A-Za-z0-9\\._:-]+",s={b:/<\?(php)?(?!\w)/,e:/\?>/,sL:"php",subLanguageMode:"continuous"},c={eW:!0,i:/]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xsl","plist"],cI:!0,c:[{cN:"doctype",b:"",r:10,c:[{b:"\\[",e:"\\]"}]},t.C("",{r:10}),{cN:"cdata",b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{cN:"tag",b:"|$)",e:">",k:{title:"style"},c:[c],starts:{e:"",rE:!0,sL:"css"}},{cN:"tag",b:"|$)",e:">",k:{title:"script"},c:[c],starts:{e:"",rE:!0,sL:""}},s,{cN:"pi",b:/<\?\w+/,e:/\?>/,r:10},{cN:"tag",b:"",c:[{cN:"title",b:/[^ \/><\n\t]+/,r:0},c]}]}});hljs.registerLanguage("json",function(e){var t={literal:"true false null"},i=[e.QSM,e.CNM],l={cN:"value",e:",",eW:!0,eE:!0,c:i,k:t},c={b:"{",e:"}",c:[{cN:"attribute",b:'\\s*"',e:'"\\s*:\\s*',eB:!0,eE:!0,c:[e.BE],i:"\\n",starts:l}],i:"\\S"},n={b:"\\[",e:"\\]",c:[e.inherit(l,{cN:null})],i:"\\S"};return i.splice(i.length,0,c,n),{c:i,k:t,i:"\\S"}});hljs.registerLanguage("bash",function(e){var t={cN:"variable",v:[{b:/\$[\w\d#@][\w\d_]*/},{b:/\$\{(.*?)}/}]},s={cN:"string",b:/"/,e:/"/,c:[e.BE,t,{cN:"variable",b:/\$\(/,e:/\)/,c:[e.BE]}]},a={cN:"string",b:/'/,e:/'/};return{aliases:["sh","zsh"],l:/-?[a-z\.]+/,k:{keyword:"if then else elif fi for while in do done case esac function",literal:"true false",built_in:"break cd continue eval exec exit export getopts hash pwd readonly return shift test times trap umask unset alias bind builtin caller command declare echo enable help let local logout mapfile printf read readarray source type typeset ulimit unalias set shopt autoload bg bindkey bye cap chdir clone comparguments compcall compctl compdescribe compfiles compgroups compquote comptags comptry compvalues dirs disable disown echotc echoti emulate fc fg float functions getcap getln history integer jobs kill limit log noglob popd print pushd pushln rehash sched setcap setopt stat suspend ttyctl unfunction unhash unlimit unsetopt vared wait whence where which zcompile zformat zftp zle zmodload zparseopts zprof zpty zregexparse zsocket zstyle ztcp",operator:"-ne -eq -lt -gt -f -d -e -s -l -a"},c:[{cN:"shebang",b:/^#![^\n]+sh\s*$/,r:10},{cN:"function",b:/\w[\w\d_]*\s*\(\s*\)\s*\{/,rB:!0,c:[e.inherit(e.TM,{b:/\w[\w\d_]*/})],r:0},e.HCM,e.NM,s,a,t]}});hljs.registerLanguage("diff",function(e){return{aliases:["patch"],c:[{cN:"chunk",r:10,v:[{b:/^@@ +\-\d+,\d+ +\+\d+,\d+ +@@$/},{b:/^\*\*\* +\d+,\d+ +\*\*\*\*$/},{b:/^\-\-\- +\d+,\d+ +\-\-\-\-$/}]},{cN:"header",v:[{b:/Index: /,e:/$/},{b:/=====/,e:/=====$/},{b:/^\-\-\-/,e:/$/},{b:/^\*{3} /,e:/$/},{b:/^\+\+\+/,e:/$/},{b:/\*{5}/,e:/\*{5}$/}]},{cN:"addition",b:"^\\+",e:"$"},{cN:"deletion",b:"^\\-",e:"$"},{cN:"change",b:"^\\!",e:"$"}]}}); \ No newline at end of file diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/home.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/home.css new file mode 100644 index 00000000..0ed9b234 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/home.css @@ -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; + } +} diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/home.js b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/home.js new file mode 100644 index 00000000..bd1a7386 --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/home.js @@ -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 = $('
'); + $variableCode + .insertAfter($existingVariables) + ; + $existingVariables.remove(); + console.log($variableCode); + } + + if($existingOverrides.length > 0) { + $overrideCode = $('
'); + $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(); + } + $('') + .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) +; diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/icon.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/icon.css new file mode 100644 index 00000000..5f0f4cce --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/icon.css @@ -0,0 +1,4816 @@ + /* + * # 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 - Icon + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + + +/******************************* + Icon +*******************************/ + +@font-face { + font-family: 'Icons'; + src: url("./../themes/default/assets/fonts/icons.eot"); + src: url("./../themes/default/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), url("./../themes/default/assets/fonts/icons.woff2") format('woff2'), url("./../themes/default/assets/fonts/icons.woff") format('woff'), url("./../themes/default/assets/fonts/icons.ttf") format('truetype'), url("./../themes/default/assets/fonts/icons.svg#icons") format('svg'); + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} +i.icon { + display: inline-block; + opacity: 1; + margin: 0em 0.25rem 0em 0em; + width: 1.18em; + height: 1em; + font-family: 'Icons'; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + text-align: center; + speak: none; + font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +i.icon:before { + background: none !important; +} + + +/******************************* + Types +*******************************/ + + +/*-------------- + Loading +---------------*/ + +i.icon.loading { + height: 1em; + line-height: 1; + -webkit-animation: icon-loading 2s linear infinite; + animation: icon-loading 2s linear infinite; +} +@-webkit-keyframes icon-loading { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes icon-loading { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + + +/******************************* + States +*******************************/ + +i.icon.hover { + opacity: 1 !important; +} +i.icon.active { + opacity: 1 !important; +} +i.emphasized.icon { + opacity: 1 !important; +} +i.disabled.icon { + opacity: 0.45 !important; +} + + +/******************************* + Variations +*******************************/ + + +/*------------------- + Fitted +--------------------*/ + +i.fitted.icon { + width: auto; + margin: 0em !important; +} + +/*------------------- + Link +--------------------*/ + +i.link.icon, +i.link.icons { + cursor: pointer; + opacity: 0.8; + -webkit-transition: opacity 0.1s ease; + transition: opacity 0.1s ease; +} +i.link.icon:hover, +i.link.icons:hover { + opacity: 1 !important; +} + +/*------------------- + Circular +--------------------*/ + +i.circular.icon { + border-radius: 500em !important; + line-height: 1 !important; + padding: 0.5em 0em !important; + -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + width: 2em !important; + height: 2em !important; +} +i.circular.inverted.icon { + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------- + Flipped +--------------------*/ + +i.flipped.icon, +i.horizontally.flipped.icon { + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); +} +i.vertically.flipped.icon { + -webkit-transform: scale(1, -1); + transform: scale(1, -1); +} + +/*------------------- + Rotated +--------------------*/ + +i.rotated.icon, +i.right.rotated.icon, +i.clockwise.rotated.icon { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +i.left.rotated.icon, +i.counterclockwise.rotated.icon { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +/*------------------- + Bordered +--------------------*/ + +i.bordered.icon { + line-height: 1; + vertical-align: baseline; + width: 2em; + height: 2em; + padding: 0.5em 0em !important; + -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; +} +i.bordered.inverted.icon { + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +/*------------------- + Inverted +--------------------*/ + + +/* Inverted Shapes */ +i.inverted.bordered.icon, +i.inverted.circular.icon { + background-color: #1B1C1D !important; + color: #FFFFFF !important; +} +i.inverted.icon { + color: #FFFFFF; +} + +/*------------------- + Colors +--------------------*/ + + +/* Red */ +i.red.icon { + color: #DB2828 !important; +} +i.inverted.red.icon { + color: #FF695E !important; +} +i.inverted.bordered.red.icon, +i.inverted.circular.red.icon { + background-color: #DB2828 !important; + color: #FFFFFF !important; +} + +/* Orange */ +i.orange.icon { + color: #F2711C !important; +} +i.inverted.orange.icon { + color: #FF851B !important; +} +i.inverted.bordered.orange.icon, +i.inverted.circular.orange.icon { + background-color: #F2711C !important; + color: #FFFFFF !important; +} + +/* Yellow */ +i.yellow.icon { + color: #FBBD08 !important; +} +i.inverted.yellow.icon { + color: #FFE21F !important; +} +i.inverted.bordered.yellow.icon, +i.inverted.circular.yellow.icon { + background-color: #FBBD08 !important; + color: #FFFFFF !important; +} + +/* Olive */ +i.olive.icon { + color: #B5CC18 !important; +} +i.inverted.olive.icon { + color: #D9E778 !important; +} +i.inverted.bordered.olive.icon, +i.inverted.circular.olive.icon { + background-color: #B5CC18 !important; + color: #FFFFFF !important; +} + +/* Green */ +i.green.icon { + color: #21BA45 !important; +} +i.inverted.green.icon { + color: #2ECC40 !important; +} +i.inverted.bordered.green.icon, +i.inverted.circular.green.icon { + background-color: #21BA45 !important; + color: #FFFFFF !important; +} + +/* Teal */ +i.teal.icon { + color: #00B5AD !important; +} +i.inverted.teal.icon { + color: #6DFFFF !important; +} +i.inverted.bordered.teal.icon, +i.inverted.circular.teal.icon { + background-color: #00B5AD !important; + color: #FFFFFF !important; +} + +/* Blue */ +i.blue.icon { + color: #2185D0 !important; +} +i.inverted.blue.icon { + color: #54C8FF !important; +} +i.inverted.bordered.blue.icon, +i.inverted.circular.blue.icon { + background-color: #2185D0 !important; + color: #FFFFFF !important; +} + +/* Violet */ +i.violet.icon { + color: #6435C9 !important; +} +i.inverted.violet.icon { + color: #A291FB !important; +} +i.inverted.bordered.violet.icon, +i.inverted.circular.violet.icon { + background-color: #6435C9 !important; + color: #FFFFFF !important; +} + +/* Purple */ +i.purple.icon { + color: #A333C8 !important; +} +i.inverted.purple.icon { + color: #DC73FF !important; +} +i.inverted.bordered.purple.icon, +i.inverted.circular.purple.icon { + background-color: #A333C8 !important; + color: #FFFFFF !important; +} + +/* Pink */ +i.pink.icon { + color: #E03997 !important; +} +i.inverted.pink.icon { + color: #FF8EDF !important; +} +i.inverted.bordered.pink.icon, +i.inverted.circular.pink.icon { + background-color: #E03997 !important; + color: #FFFFFF !important; +} + +/* Brown */ +i.brown.icon { + color: #A5673F !important; +} +i.inverted.brown.icon { + color: #D67C1C !important; +} +i.inverted.bordered.brown.icon, +i.inverted.circular.brown.icon { + background-color: #A5673F !important; + color: #FFFFFF !important; +} + +/* Grey */ +i.grey.icon { + color: #767676 !important; +} +i.inverted.grey.icon { + color: #DCDDDE !important; +} +i.inverted.bordered.grey.icon, +i.inverted.circular.grey.icon { + background-color: #767676 !important; + color: #FFFFFF !important; +} + +/* Black */ +i.black.icon { + color: #1B1C1D !important; +} +i.inverted.black.icon { + color: #545454 !important; +} +i.inverted.bordered.black.icon, +i.inverted.circular.black.icon { + background-color: #1B1C1D !important; + color: #FFFFFF !important; +} + +/*------------------- + Sizes +--------------------*/ + +i.mini.icon, +i.mini.icons { + line-height: 1; + font-size: 0.4em; +} +i.tiny.icon, +i.tiny.icons { + line-height: 1; + font-size: 0.5em; +} +i.small.icon, +i.small.icons { + line-height: 1; + font-size: 0.75em; +} +i.icon, +i.icons { + font-size: 1em; +} +i.large.icon, +i.large.icons { + line-height: 1; + vertical-align: middle; + font-size: 1.5em; +} +i.big.icon, +i.big.icons { + line-height: 1; + vertical-align: middle; + font-size: 2em; +} +i.huge.icon, +i.huge.icons { + line-height: 1; + vertical-align: middle; + font-size: 4em; +} +i.massive.icon, +i.massive.icons { + line-height: 1; + vertical-align: middle; + font-size: 8em; +} + + +/******************************* + Groups +*******************************/ + +i.icons { + display: inline-block; + position: relative; + line-height: 1; +} +i.icons .icon { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + margin: 0em; + margin: 0; +} +i.icons .icon:first-child { + position: static; + width: auto; + height: auto; + vertical-align: top; + -webkit-transform: none; + transform: none; + margin-right: 0.25rem; +} + +/* Corner Icon */ +i.icons .corner.icon { + top: auto; + left: auto; + right: 0; + bottom: 0; + -webkit-transform: none; + transform: none; + font-size: 0.45em; + text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; +} +i.icons .top.right.corner.icon { + top: 0; + left: auto; + right: 0; + bottom: auto; +} +i.icons .top.left.corner.icon { + top: 0; + left: 0; + right: auto; + bottom: auto; +} +i.icons .bottom.left.corner.icon { + top: auto; + left: 0; + right: auto; + bottom: 0; +} +i.icons .bottom.right.corner.icon { + top: auto; + left: auto; + right: 0; + bottom: 0; +} +i.icons .inverted.corner.icon { + text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D; +} +/* + * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome + * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License) + */ + + +/******************************* + +Semantic-UI integration of font-awesome : + +///class names are separated +i.icon.circle => i.icon.circle +i.icon.circle-o => i.icon.circle.outline + +//abbreviation are replaced by full letters: +i.icon.ellipsis-h => i.icon.ellipsis.horizontal +i.icon.ellipsis-v => i.icon.ellipsis.vertical +.alpha => .i.icon.alphabet +.asc => .i.icon.ascending +.desc => .i.icon.descending +.alt =>.alternate + +ASCII order is conserved for easier maintenance. + +Icons that only have one style 'outline', 'square' etc do not require this class +for instance `lemon icon` not `lemon outline icon` since there is only one lemon + +*******************************/ + + + +/******************************* + Icons +*******************************/ + + +/* Deprecated *In/Out Naming Conflict) */ +i.icon.linkedin.in:before { + content: "\f0e1"; +} +i.icon.zoom.in:before { + content: "\f00e"; +} +i.icon.zoom.out:before { + content: "\f010"; +} +i.icon.sign.in:before { + content: "\f2f6"; +} +i.icon.in.cart:before { + content: "\f218"; +} +i.icon.log.out:before { + content: "\f2f5"; +} +i.icon.sign.out:before { + content: "\f2f5"; +} + +/* Icons */ +i.icon.\35 00px:before { + content: "\f26e"; +} +i.icon.accessible.icon:before { + content: "\f368"; +} +i.icon.accusoft:before { + content: "\f369"; +} +i.icon.address.book:before { + content: "\f2b9"; +} +i.icon.address.card:before { + content: "\f2bb"; +} +i.icon.adjust:before { + content: "\f042"; +} +i.icon.adn:before { + content: "\f170"; +} +i.icon.adversal:before { + content: "\f36a"; +} +i.icon.affiliatetheme:before { + content: "\f36b"; +} +i.icon.algolia:before { + content: "\f36c"; +} +i.icon.align.center:before { + content: "\f037"; +} +i.icon.align.justify:before { + content: "\f039"; +} +i.icon.align.left:before { + content: "\f036"; +} +i.icon.align.right:before { + content: "\f038"; +} +i.icon.amazon:before { + content: "\f270"; +} +i.icon.amazon.pay:before { + content: "\f42c"; +} +i.icon.ambulance:before { + content: "\f0f9"; +} +i.icon.american.sign.language.interpreting:before { + content: "\f2a3"; +} +i.icon.amilia:before { + content: "\f36d"; +} +i.icon.anchor:before { + content: "\f13d"; +} +i.icon.android:before { + content: "\f17b"; +} +i.icon.angellist:before { + content: "\f209"; +} +i.icon.angle.double.down:before { + content: "\f103"; +} +i.icon.angle.double.left:before { + content: "\f100"; +} +i.icon.angle.double.right:before { + content: "\f101"; +} +i.icon.angle.double.up:before { + content: "\f102"; +} +i.icon.angle.down:before { + content: "\f107"; +} +i.icon.angle.left:before { + content: "\f104"; +} +i.icon.angle.right:before { + content: "\f105"; +} +i.icon.angle.up:before { + content: "\f106"; +} +i.icon.angrycreative:before { + content: "\f36e"; +} +i.icon.angular:before { + content: "\f420"; +} +i.icon.app.store:before { + content: "\f36f"; +} +i.icon.app.store.ios:before { + content: "\f370"; +} +i.icon.apper:before { + content: "\f371"; +} +i.icon.apple:before { + content: "\f179"; +} +i.icon.apple.pay:before { + content: "\f415"; +} +i.icon.archive:before { + content: "\f187"; +} +i.icon.arrow.alternate.circle.down:before { + content: "\f358"; +} +i.icon.arrow.alternate.circle.left:before { + content: "\f359"; +} +i.icon.arrow.alternate.circle.right:before { + content: "\f35a"; +} +i.icon.arrow.alternate.circle.up:before { + content: "\f35b"; +} +i.icon.arrow.circle.down:before { + content: "\f0ab"; +} +i.icon.arrow.circle.left:before { + content: "\f0a8"; +} +i.icon.arrow.circle.right:before { + content: "\f0a9"; +} +i.icon.arrow.circle.up:before { + content: "\f0aa"; +} +i.icon.arrow.down:before { + content: "\f063"; +} +i.icon.arrow.left:before { + content: "\f060"; +} +i.icon.arrow.right:before { + content: "\f061"; +} +i.icon.arrow.up:before { + content: "\f062"; +} +i.icon.arrows.alternate:before { + content: "\f0b2"; +} +i.icon.arrows.alternate.horizontal:before { + content: "\f337"; +} +i.icon.arrows.alternate.vertical:before { + content: "\f338"; +} +i.icon.assistive.listening.systems:before { + content: "\f2a2"; +} +i.icon.asterisk:before { + content: "\f069"; +} +i.icon.asymmetrik:before { + content: "\f372"; +} +i.icon.at:before { + content: "\f1fa"; +} +i.icon.audible:before { + content: "\f373"; +} +i.icon.audio.description:before { + content: "\f29e"; +} +i.icon.autoprefixer:before { + content: "\f41c"; +} +i.icon.avianex:before { + content: "\f374"; +} +i.icon.aviato:before { + content: "\f421"; +} +i.icon.aws:before { + content: "\f375"; +} +i.icon.backward:before { + content: "\f04a"; +} +i.icon.balance.scale:before { + content: "\f24e"; +} +i.icon.ban:before { + content: "\f05e"; +} +i.icon.band.aid:before { + content: "\f462"; +} +i.icon.bandcamp:before { + content: "\f2d5"; +} +i.icon.barcode:before { + content: "\f02a"; +} +i.icon.bars:before { + content: "\f0c9"; +} +i.icon.baseball.ball:before { + content: "\f433"; +} +i.icon.basketball.ball:before { + content: "\f434"; +} +i.icon.bath:before { + content: "\f2cd"; +} +i.icon.battery.empty:before { + content: "\f244"; +} +i.icon.battery.full:before { + content: "\f240"; +} +i.icon.battery.half:before { + content: "\f242"; +} +i.icon.battery.quarter:before { + content: "\f243"; +} +i.icon.battery.three.quarters:before { + content: "\f241"; +} +i.icon.bed:before { + content: "\f236"; +} +i.icon.beer:before { + content: "\f0fc"; +} +i.icon.behance:before { + content: "\f1b4"; +} +i.icon.behance.square:before { + content: "\f1b5"; +} +i.icon.bell:before { + content: "\f0f3"; +} +i.icon.bell.slash:before { + content: "\f1f6"; +} +i.icon.bicycle:before { + content: "\f206"; +} +i.icon.bimobject:before { + content: "\f378"; +} +i.icon.binoculars:before { + content: "\f1e5"; +} +i.icon.birthday.cake:before { + content: "\f1fd"; +} +i.icon.bitbucket:before { + content: "\f171"; +} +i.icon.bitcoin:before { + content: "\f379"; +} +i.icon.bity:before { + content: "\f37a"; +} +i.icon.black.tie:before { + content: "\f27e"; +} +i.icon.blackberry:before { + content: "\f37b"; +} +i.icon.blind:before { + content: "\f29d"; +} +i.icon.blogger:before { + content: "\f37c"; +} +i.icon.blogger.b:before { + content: "\f37d"; +} +i.icon.bluetooth:before { + content: "\f293"; +} +i.icon.bluetooth.b:before { + content: "\f294"; +} +i.icon.bold:before { + content: "\f032"; +} +i.icon.bolt:before { + content: "\f0e7"; +} +i.icon.bomb:before { + content: "\f1e2"; +} +i.icon.book:before { + content: "\f02d"; +} +i.icon.bookmark:before { + content: "\f02e"; +} +i.icon.bowling.ball:before { + content: "\f436"; +} +i.icon.box:before { + content: "\f466"; +} +i.icon.boxes:before { + content: "\f468"; +} +i.icon.braille:before { + content: "\f2a1"; +} +i.icon.briefcase:before { + content: "\f0b1"; +} +i.icon.btc:before { + content: "\f15a"; +} +i.icon.bug:before { + content: "\f188"; +} +i.icon.building:before { + content: "\f1ad"; +} +i.icon.bullhorn:before { + content: "\f0a1"; +} +i.icon.bullseye:before { + content: "\f140"; +} +i.icon.buromobelexperte:before { + content: "\f37f"; +} +i.icon.bus:before { + content: "\f207"; +} +i.icon.buysellads:before { + content: "\f20d"; +} +i.icon.calculator:before { + content: "\f1ec"; +} +i.icon.calendar:before { + content: "\f133"; +} +i.icon.calendar.alternate:before { + content: "\f073"; +} +i.icon.calendar.check:before { + content: "\f274"; +} +i.icon.calendar.minus:before { + content: "\f272"; +} +i.icon.calendar.plus:before { + content: "\f271"; +} +i.icon.calendar.times:before { + content: "\f273"; +} +i.icon.camera:before { + content: "\f030"; +} +i.icon.camera.retro:before { + content: "\f083"; +} +i.icon.car:before { + content: "\f1b9"; +} +i.icon.caret.down:before { + content: "\f0d7"; +} +i.icon.caret.left:before { + content: "\f0d9"; +} +i.icon.caret.right:before { + content: "\f0da"; +} +i.icon.caret.square.down:before { + content: "\f150"; +} +i.icon.caret.square.left:before { + content: "\f191"; +} +i.icon.caret.square.right:before { + content: "\f152"; +} +i.icon.caret.square.up:before { + content: "\f151"; +} +i.icon.caret.up:before { + content: "\f0d8"; +} +i.icon.cart.arrow.down:before { + content: "\f218"; +} +i.icon.cart.plus:before { + content: "\f217"; +} +i.icon.cc.amazon.pay:before { + content: "\f42d"; +} +i.icon.cc.amex:before { + content: "\f1f3"; +} +i.icon.cc.apple.pay:before { + content: "\f416"; +} +i.icon.cc.diners.club:before { + content: "\f24c"; +} +i.icon.cc.discover:before { + content: "\f1f2"; +} +i.icon.cc.jcb:before { + content: "\f24b"; +} +i.icon.cc.mastercard:before { + content: "\f1f1"; +} +i.icon.cc.paypal:before { + content: "\f1f4"; +} +i.icon.cc.stripe:before { + content: "\f1f5"; +} +i.icon.cc.visa:before { + content: "\f1f0"; +} +i.icon.centercode:before { + content: "\f380"; +} +i.icon.certificate:before { + content: "\f0a3"; +} +i.icon.chart.area:before { + content: "\f1fe"; +} +i.icon.chart.bar:before { + content: "\f080"; +} +i.icon.chart.line:before { + content: "\f201"; +} +i.icon.chart.pie:before { + content: "\f200"; +} +i.icon.check:before { + content: "\f00c"; +} +i.icon.check.circle:before { + content: "\f058"; +} +i.icon.check.square:before { + content: "\f14a"; +} +i.icon.chess:before { + content: "\f439"; +} +i.icon.chess.bishop:before { + content: "\f43a"; +} +i.icon.chess.board:before { + content: "\f43c"; +} +i.icon.chess.king:before { + content: "\f43f"; +} +i.icon.chess.knight:before { + content: "\f441"; +} +i.icon.chess.pawn:before { + content: "\f443"; +} +i.icon.chess.queen:before { + content: "\f445"; +} +i.icon.chess.rook:before { + content: "\f447"; +} +i.icon.chevron.circle.down:before { + content: "\f13a"; +} +i.icon.chevron.circle.left:before { + content: "\f137"; +} +i.icon.chevron.circle.right:before { + content: "\f138"; +} +i.icon.chevron.circle.up:before { + content: "\f139"; +} +i.icon.chevron.down:before { + content: "\f078"; +} +i.icon.chevron.left:before { + content: "\f053"; +} +i.icon.chevron.right:before { + content: "\f054"; +} +i.icon.chevron.up:before { + content: "\f077"; +} +i.icon.child:before { + content: "\f1ae"; +} +i.icon.chrome:before { + content: "\f268"; +} +i.icon.circle:before { + content: "\f111"; +} +i.icon.circle.notch:before { + content: "\f1ce"; +} +i.icon.clipboard:before { + content: "\f328"; +} +i.icon.clipboard.check:before { + content: "\f46c"; +} +i.icon.clipboard.list:before { + content: "\f46d"; +} +i.icon.clock:before { + content: "\f017"; +} +i.icon.clone:before { + content: "\f24d"; +} +i.icon.closed.captioning:before { + content: "\f20a"; +} +i.icon.cloud:before { + content: "\f0c2"; +} +i.icon.cloudscale:before { + content: "\f383"; +} +i.icon.cloudsmith:before { + content: "\f384"; +} +i.icon.cloudversify:before { + content: "\f385"; +} +i.icon.code:before { + content: "\f121"; +} +i.icon.code.branch:before { + content: "\f126"; +} +i.icon.codepen:before { + content: "\f1cb"; +} +i.icon.codiepie:before { + content: "\f284"; +} +i.icon.coffee:before { + content: "\f0f4"; +} +i.icon.cog:before { + content: "\f013"; +} +i.icon.cogs:before { + content: "\f085"; +} +i.icon.columns:before { + content: "\f0db"; +} +i.icon.comment:before { + content: "\f075"; +} +i.icon.comment.alternate:before { + content: "\f27a"; +} +i.icon.comments:before { + content: "\f086"; +} +i.icon.compass:before { + content: "\f14e"; +} +i.icon.compress:before { + content: "\f066"; +} +i.icon.connectdevelop:before { + content: "\f20e"; +} +i.icon.contao:before { + content: "\f26d"; +} +i.icon.copy:before { + content: "\f0c5"; +} +i.icon.copyright:before { + content: "\f1f9"; +} +i.icon.cpanel:before { + content: "\f388"; +} +i.icon.creative.commons:before { + content: "\f25e"; +} +i.icon.credit.card:before { + content: "\f09d"; +} +i.icon.crop:before { + content: "\f125"; +} +i.icon.crosshairs:before { + content: "\f05b"; +} +i.icon.css3:before { + content: "\f13c"; +} +i.icon.css3.alternate:before { + content: "\f38b"; +} +i.icon.cube:before { + content: "\f1b2"; +} +i.icon.cubes:before { + content: "\f1b3"; +} +i.icon.cut:before { + content: "\f0c4"; +} +i.icon.cuttlefish:before { + content: "\f38c"; +} +i.icon.d.and.d:before { + content: "\f38d"; +} +i.icon.dashcube:before { + content: "\f210"; +} +i.icon.database:before { + content: "\f1c0"; +} +i.icon.deaf:before { + content: "\f2a4"; +} +i.icon.delicious:before { + content: "\f1a5"; +} +i.icon.deploydog:before { + content: "\f38e"; +} +i.icon.deskpro:before { + content: "\f38f"; +} +i.icon.desktop:before { + content: "\f108"; +} +i.icon.deviantart:before { + content: "\f1bd"; +} +i.icon.digg:before { + content: "\f1a6"; +} +i.icon.digital.ocean:before { + content: "\f391"; +} +i.icon.discord:before { + content: "\f392"; +} +i.icon.discourse:before { + content: "\f393"; +} +i.icon.dna:before { + content: "\f471"; +} +i.icon.dochub:before { + content: "\f394"; +} +i.icon.docker:before { + content: "\f395"; +} +i.icon.dollar.sign:before { + content: "\f155"; +} +i.icon.dolly:before { + content: "\f472"; +} +i.icon.dolly.flatbed:before { + content: "\f474"; +} +i.icon.dot.circle:before { + content: "\f192"; +} +i.icon.download:before { + content: "\f019"; +} +i.icon.draft2digital:before { + content: "\f396"; +} +i.icon.dribbble:before { + content: "\f17d"; +} +i.icon.dribbble.square:before { + content: "\f397"; +} +i.icon.dropbox:before { + content: "\f16b"; +} +i.icon.drupal:before { + content: "\f1a9"; +} +i.icon.dyalog:before { + content: "\f399"; +} +i.icon.earlybirds:before { + content: "\f39a"; +} +i.icon.edge:before { + content: "\f282"; +} +i.icon.edit:before { + content: "\f044"; +} +i.icon.eject:before { + content: "\f052"; +} +i.icon.elementor:before { + content: "\f430"; +} +i.icon.ellipsis.horizontal:before { + content: "\f141"; +} +i.icon.ellipsis.vertical:before { + content: "\f142"; +} +i.icon.ember:before { + content: "\f423"; +} +i.icon.empire:before { + content: "\f1d1"; +} +i.icon.envelope:before { + content: "\f0e0"; +} +i.icon.envelope.open:before { + content: "\f2b6"; +} +i.icon.envelope.square:before { + content: "\f199"; +} +i.icon.envira:before { + content: "\f299"; +} +i.icon.eraser:before { + content: "\f12d"; +} +i.icon.erlang:before { + content: "\f39d"; +} +i.icon.ethereum:before { + content: "\f42e"; +} +i.icon.etsy:before { + content: "\f2d7"; +} +i.icon.euro.sign:before { + content: "\f153"; +} +i.icon.exchange.alternate:before { + content: "\f362"; +} +i.icon.exclamation:before { + content: "\f12a"; +} +i.icon.exclamation.circle:before { + content: "\f06a"; +} +i.icon.exclamation.triangle:before { + content: "\f071"; +} +i.icon.expand:before { + content: "\f065"; +} +i.icon.expand.arrows.alternate:before { + content: "\f31e"; +} +i.icon.expeditedssl:before { + content: "\f23e"; +} +i.icon.external.alternate:before { + content: "\f35d"; +} +i.icon.external.square.alternate:before { + content: "\f360"; +} +i.icon.eye:before { + content: "\f06e"; +} +i.icon.eye.dropper:before { + content: "\f1fb"; +} +i.icon.eye.slash:before { + content: "\f070"; +} +i.icon.facebook:before { + content: "\f09a"; +} +i.icon.facebook.f:before { + content: "\f39e"; +} +i.icon.facebook.messenger:before { + content: "\f39f"; +} +i.icon.facebook.square:before { + content: "\f082"; +} +i.icon.fast.backward:before { + content: "\f049"; +} +i.icon.fast.forward:before { + content: "\f050"; +} +i.icon.fax:before { + content: "\f1ac"; +} +i.icon.female:before { + content: "\f182"; +} +i.icon.fighter.jet:before { + content: "\f0fb"; +} +i.icon.file:before { + content: "\f15b"; +} +i.icon.file.alternate:before { + content: "\f15c"; +} +i.icon.file.archive:before { + content: "\f1c6"; +} +i.icon.file.audio:before { + content: "\f1c7"; +} +i.icon.file.code:before { + content: "\f1c9"; +} +i.icon.file.excel:before { + content: "\f1c3"; +} +i.icon.file.image:before { + content: "\f1c5"; +} +i.icon.file.pdf:before { + content: "\f1c1"; +} +i.icon.file.powerpoint:before { + content: "\f1c4"; +} +i.icon.file.video:before { + content: "\f1c8"; +} +i.icon.file.word:before { + content: "\f1c2"; +} +i.icon.film:before { + content: "\f008"; +} +i.icon.filter:before { + content: "\f0b0"; +} +i.icon.fire:before { + content: "\f06d"; +} +i.icon.fire.extinguisher:before { + content: "\f134"; +} +i.icon.firefox:before { + content: "\f269"; +} +i.icon.first.aid:before { + content: "\f479"; +} +i.icon.first.order:before { + content: "\f2b0"; +} +i.icon.firstdraft:before { + content: "\f3a1"; +} +i.icon.flag:before { + content: "\f024"; +} +i.icon.flag.checkered:before { + content: "\f11e"; +} +i.icon.flask:before { + content: "\f0c3"; +} +i.icon.flickr:before { + content: "\f16e"; +} +i.icon.flipboard:before { + content: "\f44d"; +} +i.icon.fly:before { + content: "\f417"; +} +i.icon.folder:before { + content: "\f07b"; +} +i.icon.folder.open:before { + content: "\f07c"; +} +i.icon.font:before { + content: "\f031"; +} +i.icon.font.awesome:before { + content: "\f2b4"; +} +i.icon.font.awesome.alternate:before { + content: "\f35c"; +} +i.icon.font.awesome.flag:before { + content: "\f425"; +} +i.icon.fonticons:before { + content: "\f280"; +} +i.icon.fonticons.fi:before { + content: "\f3a2"; +} +i.icon.football.ball:before { + content: "\f44e"; +} +i.icon.fort.awesome:before { + content: "\f286"; +} +i.icon.fort.awesome.alternate:before { + content: "\f3a3"; +} +i.icon.forumbee:before { + content: "\f211"; +} +i.icon.forward:before { + content: "\f04e"; +} +i.icon.foursquare:before { + content: "\f180"; +} +i.icon.free.code.camp:before { + content: "\f2c5"; +} +i.icon.freebsd:before { + content: "\f3a4"; +} +i.icon.frown:before { + content: "\f119"; +} +i.icon.futbol:before { + content: "\f1e3"; +} +i.icon.gamepad:before { + content: "\f11b"; +} +i.icon.gavel:before { + content: "\f0e3"; +} +i.icon.gem:before { + content: "\f3a5"; +} +i.icon.genderless:before { + content: "\f22d"; +} +i.icon.get.pocket:before { + content: "\f265"; +} +i.icon.gg:before { + content: "\f260"; +} +i.icon.gg.circle:before { + content: "\f261"; +} +i.icon.gift:before { + content: "\f06b"; +} +i.icon.git:before { + content: "\f1d3"; +} +i.icon.git.square:before { + content: "\f1d2"; +} +i.icon.github:before { + content: "\f09b"; +} +i.icon.github.alternate:before { + content: "\f113"; +} +i.icon.github.square:before { + content: "\f092"; +} +i.icon.gitkraken:before { + content: "\f3a6"; +} +i.icon.gitlab:before { + content: "\f296"; +} +i.icon.gitter:before { + content: "\f426"; +} +i.icon.glass.martini:before { + content: "\f000"; +} +i.icon.glide:before { + content: "\f2a5"; +} +i.icon.glide.g:before { + content: "\f2a6"; +} +i.icon.globe:before { + content: "\f0ac"; +} +i.icon.gofore:before { + content: "\f3a7"; +} +i.icon.golf.ball:before { + content: "\f450"; +} +i.icon.goodreads:before { + content: "\f3a8"; +} +i.icon.goodreads.g:before { + content: "\f3a9"; +} +i.icon.google:before { + content: "\f1a0"; +} +i.icon.google.drive:before { + content: "\f3aa"; +} +i.icon.google.play:before { + content: "\f3ab"; +} +i.icon.google.plus:before { + content: "\f2b3"; +} +i.icon.google.plus.g:before { + content: "\f0d5"; +} +i.icon.google.plus.square:before { + content: "\f0d4"; +} +i.icon.google.wallet:before { + content: "\f1ee"; +} +i.icon.graduation.cap:before { + content: "\f19d"; +} +i.icon.gratipay:before { + content: "\f184"; +} +i.icon.grav:before { + content: "\f2d6"; +} +i.icon.gripfire:before { + content: "\f3ac"; +} +i.icon.grunt:before { + content: "\f3ad"; +} +i.icon.gulp:before { + content: "\f3ae"; +} +i.icon.h.square:before { + content: "\f0fd"; +} +i.icon.hacker.news:before { + content: "\f1d4"; +} +i.icon.hacker.news.square:before { + content: "\f3af"; +} +i.icon.hand.lizard:before { + content: "\f258"; +} +i.icon.hand.paper:before { + content: "\f256"; +} +i.icon.hand.peace:before { + content: "\f25b"; +} +i.icon.hand.point.down:before { + content: "\f0a7"; +} +i.icon.hand.point.left:before { + content: "\f0a5"; +} +i.icon.hand.point.right:before { + content: "\f0a4"; +} +i.icon.hand.point.up:before { + content: "\f0a6"; +} +i.icon.hand.pointer:before { + content: "\f25a"; +} +i.icon.hand.rock:before { + content: "\f255"; +} +i.icon.hand.scissors:before { + content: "\f257"; +} +i.icon.hand.spock:before { + content: "\f259"; +} +i.icon.handshake:before { + content: "\f2b5"; +} +i.icon.hashtag:before { + content: "\f292"; +} +i.icon.hdd:before { + content: "\f0a0"; +} +i.icon.heading:before { + content: "\f1dc"; +} +i.icon.headphones:before { + content: "\f025"; +} +i.icon.heart:before { + content: "\f004"; +} +i.icon.heartbeat:before { + content: "\f21e"; +} +i.icon.hips:before { + content: "\f452"; +} +i.icon.hire.a.helper:before { + content: "\f3b0"; +} +i.icon.history:before { + content: "\f1da"; +} +i.icon.hockey.puck:before { + content: "\f453"; +} +i.icon.home:before { + content: "\f015"; +} +i.icon.hooli:before { + content: "\f427"; +} +i.icon.hospital:before { + content: "\f0f8"; +} +i.icon.hospital.symbol:before { + content: "\f47e"; +} +i.icon.hotjar:before { + content: "\f3b1"; +} +i.icon.hourglass:before { + content: "\f254"; +} +i.icon.hourglass.end:before { + content: "\f253"; +} +i.icon.hourglass.half:before { + content: "\f252"; +} +i.icon.hourglass.start:before { + content: "\f251"; +} +i.icon.houzz:before { + content: "\f27c"; +} +i.icon.html5:before { + content: "\f13b"; +} +i.icon.hubspot:before { + content: "\f3b2"; +} +i.icon.i.cursor:before { + content: "\f246"; +} +i.icon.id.badge:before { + content: "\f2c1"; +} +i.icon.id.card:before { + content: "\f2c2"; +} +i.icon.image:before { + content: "\f03e"; +} +i.icon.images:before { + content: "\f302"; +} +i.icon.imdb:before { + content: "\f2d8"; +} +i.icon.inbox:before { + content: "\f01c"; +} +i.icon.indent:before { + content: "\f03c"; +} +i.icon.industry:before { + content: "\f275"; +} +i.icon.info:before { + content: "\f129"; +} +i.icon.info.circle:before { + content: "\f05a"; +} +i.icon.instagram:before { + content: "\f16d"; +} +i.icon.internet.explorer:before { + content: "\f26b"; +} +i.icon.ioxhost:before { + content: "\f208"; +} +i.icon.italic:before { + content: "\f033"; +} +i.icon.itunes:before { + content: "\f3b4"; +} +i.icon.itunes.note:before { + content: "\f3b5"; +} +i.icon.jenkins:before { + content: "\f3b6"; +} +i.icon.joget:before { + content: "\f3b7"; +} +i.icon.joomla:before { + content: "\f1aa"; +} +i.icon.js:before { + content: "\f3b8"; +} +i.icon.js.square:before { + content: "\f3b9"; +} +i.icon.jsfiddle:before { + content: "\f1cc"; +} +i.icon.key:before { + content: "\f084"; +} +i.icon.keyboard:before { + content: "\f11c"; +} +i.icon.keycdn:before { + content: "\f3ba"; +} +i.icon.kickstarter:before { + content: "\f3bb"; +} +i.icon.kickstarter.k:before { + content: "\f3bc"; +} +i.icon.korvue:before { + content: "\f42f"; +} +i.icon.language:before { + content: "\f1ab"; +} +i.icon.laptop:before { + content: "\f109"; +} +i.icon.laravel:before { + content: "\f3bd"; +} +i.icon.lastfm:before { + content: "\f202"; +} +i.icon.lastfm.square:before { + content: "\f203"; +} +i.icon.leaf:before { + content: "\f06c"; +} +i.icon.leanpub:before { + content: "\f212"; +} +i.icon.lemon:before { + content: "\f094"; +} +i.icon.less:before { + content: "\f41d"; +} +i.icon.level.down.alternate:before { + content: "\f3be"; +} +i.icon.level.up.alternate:before { + content: "\f3bf"; +} +i.icon.life.ring:before { + content: "\f1cd"; +} +i.icon.lightbulb:before { + content: "\f0eb"; +} +i.icon.linechat:before { + content: "\f3c0"; +} +i.icon.linkify:before { + content: "\f0c1"; +} +i.icon.linkedin:before { + content: "\f08c"; +} +i.icon.linkedin.alt:before { + content: "\f0e1"; +} +i.icon.linode:before { + content: "\f2b8"; +} +i.icon.linux:before { + content: "\f17c"; +} +i.icon.lira.sign:before { + content: "\f195"; +} +i.icon.list:before { + content: "\f03a"; +} +i.icon.list.alternate:before { + content: "\f022"; +} +i.icon.list.ol:before { + content: "\f0cb"; +} +i.icon.list.ul:before { + content: "\f0ca"; +} +i.icon.location.arrow:before { + content: "\f124"; +} +i.icon.lock:before { + content: "\f023"; +} +i.icon.lock.open:before { + content: "\f3c1"; +} +i.icon.long.arrow.alternate.down:before { + content: "\f309"; +} +i.icon.long.arrow.alternate.left:before { + content: "\f30a"; +} +i.icon.long.arrow.alternate.right:before { + content: "\f30b"; +} +i.icon.long.arrow.alternate.up:before { + content: "\f30c"; +} +i.icon.low.vision:before { + content: "\f2a8"; +} +i.icon.lyft:before { + content: "\f3c3"; +} +i.icon.magento:before { + content: "\f3c4"; +} +i.icon.magic:before { + content: "\f0d0"; +} +i.icon.magnet:before { + content: "\f076"; +} +i.icon.male:before { + content: "\f183"; +} +i.icon.map:before { + content: "\f279"; +} +i.icon.map.marker:before { + content: "\f041"; +} +i.icon.map.marker.alternate:before { + content: "\f3c5"; +} +i.icon.map.pin:before { + content: "\f276"; +} +i.icon.map.signs:before { + content: "\f277"; +} +i.icon.mars:before { + content: "\f222"; +} +i.icon.mars.double:before { + content: "\f227"; +} +i.icon.mars.stroke:before { + content: "\f229"; +} +i.icon.mars.stroke.horizontal:before { + content: "\f22b"; +} +i.icon.mars.stroke.vertical:before { + content: "\f22a"; +} +i.icon.maxcdn:before { + content: "\f136"; +} +i.icon.medapps:before { + content: "\f3c6"; +} +i.icon.medium:before { + content: "\f23a"; +} +i.icon.medium.m:before { + content: "\f3c7"; +} +i.icon.medkit:before { + content: "\f0fa"; +} +i.icon.medrt:before { + content: "\f3c8"; +} +i.icon.meetup:before { + content: "\f2e0"; +} +i.icon.meh:before { + content: "\f11a"; +} +i.icon.mercury:before { + content: "\f223"; +} +i.icon.microchip:before { + content: "\f2db"; +} +i.icon.microphone:before { + content: "\f130"; +} +i.icon.microphone.slash:before { + content: "\f131"; +} +i.icon.microsoft:before { + content: "\f3ca"; +} +i.icon.minus:before { + content: "\f068"; +} +i.icon.minus.circle:before { + content: "\f056"; +} +i.icon.minus.square:before { + content: "\f146"; +} +i.icon.mix:before { + content: "\f3cb"; +} +i.icon.mixcloud:before { + content: "\f289"; +} +i.icon.mizuni:before { + content: "\f3cc"; +} +i.icon.mobile:before { + content: "\f10b"; +} +i.icon.mobile.alternate:before { + content: "\f3cd"; +} +i.icon.modx:before { + content: "\f285"; +} +i.icon.monero:before { + content: "\f3d0"; +} +i.icon.money.bill.alternate:before { + content: "\f3d1"; +} +i.icon.moon:before { + content: "\f186"; +} +i.icon.motorcycle:before { + content: "\f21c"; +} +i.icon.mouse.pointer:before { + content: "\f245"; +} +i.icon.music:before { + content: "\f001"; +} +i.icon.napster:before { + content: "\f3d2"; +} +i.icon.neuter:before { + content: "\f22c"; +} +i.icon.newspaper:before { + content: "\f1ea"; +} +i.icon.nintendo.switch:before { + content: "\f418"; +} +i.icon.node:before { + content: "\f419"; +} +i.icon.node.js:before { + content: "\f3d3"; +} +i.icon.npm:before { + content: "\f3d4"; +} +i.icon.ns8:before { + content: "\f3d5"; +} +i.icon.nutritionix:before { + content: "\f3d6"; +} +i.icon.object.group:before { + content: "\f247"; +} +i.icon.object.ungroup:before { + content: "\f248"; +} +i.icon.odnoklassniki:before { + content: "\f263"; +} +i.icon.odnoklassniki.square:before { + content: "\f264"; +} +i.icon.opencart:before { + content: "\f23d"; +} +i.icon.openid:before { + content: "\f19b"; +} +i.icon.opera:before { + content: "\f26a"; +} +i.icon.optin.monster:before { + content: "\f23c"; +} +i.icon.osi:before { + content: "\f41a"; +} +i.icon.outdent:before { + content: "\f03b"; +} +i.icon.page4:before { + content: "\f3d7"; +} +i.icon.pagelines:before { + content: "\f18c"; +} +i.icon.paint.brush:before { + content: "\f1fc"; +} +i.icon.palfed:before { + content: "\f3d8"; +} +i.icon.pallet:before { + content: "\f482"; +} +i.icon.paper.plane:before { + content: "\f1d8"; +} +i.icon.paperclip:before { + content: "\f0c6"; +} +i.icon.paragraph:before { + content: "\f1dd"; +} +i.icon.paste:before { + content: "\f0ea"; +} +i.icon.patreon:before { + content: "\f3d9"; +} +i.icon.pause:before { + content: "\f04c"; +} +i.icon.pause.circle:before { + content: "\f28b"; +} +i.icon.paw:before { + content: "\f1b0"; +} +i.icon.paypal:before { + content: "\f1ed"; +} +i.icon.pen.square:before { + content: "\f14b"; +} +i.icon.pencil.alternate:before { + content: "\f303"; +} +i.icon.percent:before { + content: "\f295"; +} +i.icon.periscope:before { + content: "\f3da"; +} +i.icon.phabricator:before { + content: "\f3db"; +} +i.icon.phoenix.framework:before { + content: "\f3dc"; +} +i.icon.phone:before { + content: "\f095"; +} +i.icon.phone.square:before { + content: "\f098"; +} +i.icon.phone.volume:before { + content: "\f2a0"; +} +i.icon.php:before { + content: "\f457"; +} +i.icon.pied.piper:before { + content: "\f2ae"; +} +i.icon.pied.piper.alternate:before { + content: "\f1a8"; +} +i.icon.pied.piper.pp:before { + content: "\f1a7"; +} +i.icon.pills:before { + content: "\f484"; +} +i.icon.pinterest:before { + content: "\f0d2"; +} +i.icon.pinterest.p:before { + content: "\f231"; +} +i.icon.pinterest.square:before { + content: "\f0d3"; +} +i.icon.plane:before { + content: "\f072"; +} +i.icon.play:before { + content: "\f04b"; +} +i.icon.play.circle:before { + content: "\f144"; +} +i.icon.playstation:before { + content: "\f3df"; +} +i.icon.plug:before { + content: "\f1e6"; +} +i.icon.plus:before { + content: "\f067"; +} +i.icon.plus.circle:before { + content: "\f055"; +} +i.icon.plus.square:before { + content: "\f0fe"; +} +i.icon.podcast:before { + content: "\f2ce"; +} +i.icon.pound.sign:before { + content: "\f154"; +} +i.icon.power.off:before { + content: "\f011"; +} +i.icon.print:before { + content: "\f02f"; +} +i.icon.product.hunt:before { + content: "\f288"; +} +i.icon.pushed:before { + content: "\f3e1"; +} +i.icon.puzzle.piece:before { + content: "\f12e"; +} +i.icon.python:before { + content: "\f3e2"; +} +i.icon.qq:before { + content: "\f1d6"; +} +i.icon.qrcode:before { + content: "\f029"; +} +i.icon.question:before { + content: "\f128"; +} +i.icon.question.circle:before { + content: "\f059"; +} +i.icon.quidditch:before { + content: "\f458"; +} +i.icon.quinscape:before { + content: "\f459"; +} +i.icon.quora:before { + content: "\f2c4"; +} +i.icon.quote.left:before { + content: "\f10d"; +} +i.icon.quote.right:before { + content: "\f10e"; +} +i.icon.random:before { + content: "\f074"; +} +i.icon.ravelry:before { + content: "\f2d9"; +} +i.icon.react:before { + content: "\f41b"; +} +i.icon.rebel:before { + content: "\f1d0"; +} +i.icon.recycle:before { + content: "\f1b8"; +} +i.icon.redriver:before { + content: "\f3e3"; +} +i.icon.reddit:before { + content: "\f1a1"; +} +i.icon.reddit.alien:before { + content: "\f281"; +} +i.icon.reddit.square:before { + content: "\f1a2"; +} +i.icon.redo:before { + content: "\f01e"; +} +i.icon.redo.alternate:before { + content: "\f2f9"; +} +i.icon.registered:before { + content: "\f25d"; +} +i.icon.rendact:before { + content: "\f3e4"; +} +i.icon.renren:before { + content: "\f18b"; +} +i.icon.reply:before { + content: "\f3e5"; +} +i.icon.reply.all:before { + content: "\f122"; +} +i.icon.replyd:before { + content: "\f3e6"; +} +i.icon.resolving:before { + content: "\f3e7"; +} +i.icon.retweet:before { + content: "\f079"; +} +i.icon.road:before { + content: "\f018"; +} +i.icon.rocket:before { + content: "\f135"; +} +i.icon.rocketchat:before { + content: "\f3e8"; +} +i.icon.rockrms:before { + content: "\f3e9"; +} +i.icon.rss:before { + content: "\f09e"; +} +i.icon.rss.square:before { + content: "\f143"; +} +i.icon.ruble.sign:before { + content: "\f158"; +} +i.icon.rupee.sign:before { + content: "\f156"; +} +i.icon.safari:before { + content: "\f267"; +} +i.icon.sass:before { + content: "\f41e"; +} +i.icon.save:before { + content: "\f0c7"; +} +i.icon.schlix:before { + content: "\f3ea"; +} +i.icon.scribd:before { + content: "\f28a"; +} +i.icon.search:before { + content: "\f002"; +} +i.icon.search.minus:before { + content: "\f010"; +} +i.icon.search.plus:before { + content: "\f00e"; +} +i.icon.searchengin:before { + content: "\f3eb"; +} +i.icon.sellcast:before { + content: "\f2da"; +} +i.icon.sellsy:before { + content: "\f213"; +} +i.icon.server:before { + content: "\f233"; +} +i.icon.servicestack:before { + content: "\f3ec"; +} +i.icon.share:before { + content: "\f064"; +} +i.icon.share.alternate:before { + content: "\f1e0"; +} +i.icon.share.alternate.square:before { + content: "\f1e1"; +} +i.icon.share.square:before { + content: "\f14d"; +} +i.icon.shekel.sign:before { + content: "\f20b"; +} +i.icon.shield.alternate:before { + content: "\f3ed"; +} +i.icon.ship:before { + content: "\f21a"; +} +i.icon.shipping.fast:before { + content: "\f48b"; +} +i.icon.shirtsinbulk:before { + content: "\f214"; +} +i.icon.shopping.bag:before { + content: "\f290"; +} +i.icon.shopping.basket:before { + content: "\f291"; +} +i.icon.shopping.cart:before { + content: "\f07a"; +} +i.icon.shower:before { + content: "\f2cc"; +} +i.icon.sign.language:before { + content: "\f2a7"; +} +i.icon.signal:before { + content: "\f012"; +} +i.icon.simplybuilt:before { + content: "\f215"; +} +i.icon.sistrix:before { + content: "\f3ee"; +} +i.icon.sitemap:before { + content: "\f0e8"; +} +i.icon.skyatlas:before { + content: "\f216"; +} +i.icon.skype:before { + content: "\f17e"; +} +i.icon.slack:before { + content: "\f198"; +} +i.icon.slack.hash:before { + content: "\f3ef"; +} +i.icon.sliders.horizontal:before { + content: "\f1de"; +} +i.icon.slideshare:before { + content: "\f1e7"; +} +i.icon.smile:before { + content: "\f118"; +} +i.icon.snapchat:before { + content: "\f2ab"; +} +i.icon.snapchat.ghost:before { + content: "\f2ac"; +} +i.icon.snapchat.square:before { + content: "\f2ad"; +} +i.icon.snowflake:before { + content: "\f2dc"; +} +i.icon.sort:before { + content: "\f0dc"; +} +i.icon.sort.alphabet.down:before { + content: "\f15d"; +} +i.icon.sort.alphabet.up:before { + content: "\f15e"; +} +i.icon.sort.amount.down:before { + content: "\f160"; +} +i.icon.sort.amount.up:before { + content: "\f161"; +} +i.icon.sort.down:before { + content: "\f0dd"; +} +i.icon.sort.numeric.down:before { + content: "\f162"; +} +i.icon.sort.numeric.up:before { + content: "\f163"; +} +i.icon.sort.up:before { + content: "\f0de"; +} +i.icon.soundcloud:before { + content: "\f1be"; +} +i.icon.space.shuttle:before { + content: "\f197"; +} +i.icon.speakap:before { + content: "\f3f3"; +} +i.icon.spinner:before { + content: "\f110"; +} +i.icon.spotify:before { + content: "\f1bc"; +} +i.icon.square:before { + content: "\f0c8"; +} +i.icon.square.full:before { + content: "\f45c"; +} +i.icon.stack.exchange:before { + content: "\f18d"; +} +i.icon.stack.overflow:before { + content: "\f16c"; +} +i.icon.star:before { + content: "\f005"; +} +i.icon.star.half:before { + content: "\f089"; +} +i.icon.staylinked:before { + content: "\f3f5"; +} +i.icon.steam:before { + content: "\f1b6"; +} +i.icon.steam.square:before { + content: "\f1b7"; +} +i.icon.steam.symbol:before { + content: "\f3f6"; +} +i.icon.step.backward:before { + content: "\f048"; +} +i.icon.step.forward:before { + content: "\f051"; +} +i.icon.stethoscope:before { + content: "\f0f1"; +} +i.icon.sticker.mule:before { + content: "\f3f7"; +} +i.icon.sticky.note:before { + content: "\f249"; +} +i.icon.stop:before { + content: "\f04d"; +} +i.icon.stop.circle:before { + content: "\f28d"; +} +i.icon.stopwatch:before { + content: "\f2f2"; +} +i.icon.strava:before { + content: "\f428"; +} +i.icon.street.view:before { + content: "\f21d"; +} +i.icon.strikethrough:before { + content: "\f0cc"; +} +i.icon.stripe:before { + content: "\f429"; +} +i.icon.stripe.s:before { + content: "\f42a"; +} +i.icon.studiovinari:before { + content: "\f3f8"; +} +i.icon.stumbleupon:before { + content: "\f1a4"; +} +i.icon.stumbleupon.circle:before { + content: "\f1a3"; +} +i.icon.subscript:before { + content: "\f12c"; +} +i.icon.subway:before { + content: "\f239"; +} +i.icon.suitcase:before { + content: "\f0f2"; +} +i.icon.sun:before { + content: "\f185"; +} +i.icon.superpowers:before { + content: "\f2dd"; +} +i.icon.superscript:before { + content: "\f12b"; +} +i.icon.supple:before { + content: "\f3f9"; +} +i.icon.sync:before { + content: "\f021"; +} +i.icon.sync.alternate:before { + content: "\f2f1"; +} +i.icon.syringe:before { + content: "\f48e"; +} +i.icon.table:before { + content: "\f0ce"; +} +i.icon.table.tennis:before { + content: "\f45d"; +} +i.icon.tablet:before { + content: "\f10a"; +} +i.icon.tablet.alternate:before { + content: "\f3fa"; +} +i.icon.tachometer.alternate:before { + content: "\f3fd"; +} +i.icon.tag:before { + content: "\f02b"; +} +i.icon.tags:before { + content: "\f02c"; +} +i.icon.tasks:before { + content: "\f0ae"; +} +i.icon.taxi:before { + content: "\f1ba"; +} +i.icon.telegram:before { + content: "\f2c6"; +} +i.icon.telegram.plane:before { + content: "\f3fe"; +} +i.icon.tencent.weibo:before { + content: "\f1d5"; +} +i.icon.terminal:before { + content: "\f120"; +} +i.icon.text.height:before { + content: "\f034"; +} +i.icon.text.width:before { + content: "\f035"; +} +i.icon.th:before { + content: "\f00a"; +} +i.icon.th.large:before { + content: "\f009"; +} +i.icon.th.list:before { + content: "\f00b"; +} +i.icon.themeisle:before { + content: "\f2b2"; +} +i.icon.thermometer:before { + content: "\f491"; +} +i.icon.thermometer.empty:before { + content: "\f2cb"; +} +i.icon.thermometer.full:before { + content: "\f2c7"; +} +i.icon.thermometer.half:before { + content: "\f2c9"; +} +i.icon.thermometer.quarter:before { + content: "\f2ca"; +} +i.icon.thermometer.three.quarters:before { + content: "\f2c8"; +} +i.icon.thumbs.down:before { + content: "\f165"; +} +i.icon.thumbs.up:before { + content: "\f164"; +} +i.icon.thumbtack:before { + content: "\f08d"; +} +i.icon.ticket.alternate:before { + content: "\f3ff"; +} +i.icon.times:before { + content: "\f00d"; +} +i.icon.times.circle:before { + content: "\f057"; +} +i.icon.tint:before { + content: "\f043"; +} +i.icon.toggle.off:before { + content: "\f204"; +} +i.icon.toggle.on:before { + content: "\f205"; +} +i.icon.trademark:before { + content: "\f25c"; +} +i.icon.train:before { + content: "\f238"; +} +i.icon.transgender:before { + content: "\f224"; +} +i.icon.transgender.alternate:before { + content: "\f225"; +} +i.icon.trash:before { + content: "\f1f8"; +} +i.icon.trash.alternate:before { + content: "\f2ed"; +} +i.icon.tree:before { + content: "\f1bb"; +} +i.icon.trello:before { + content: "\f181"; +} +i.icon.tripadvisor:before { + content: "\f262"; +} +i.icon.trophy:before { + content: "\f091"; +} +i.icon.truck:before { + content: "\f0d1"; +} +i.icon.tty:before { + content: "\f1e4"; +} +i.icon.tumblr:before { + content: "\f173"; +} +i.icon.tumblr.square:before { + content: "\f174"; +} +i.icon.tv:before { + content: "\f26c"; +} +i.icon.twitch:before { + content: "\f1e8"; +} +i.icon.twitter:before { + content: "\f099"; +} +i.icon.twitter.square:before { + content: "\f081"; +} +i.icon.typo3:before { + content: "\f42b"; +} +i.icon.uber:before { + content: "\f402"; +} +i.icon.uikit:before { + content: "\f403"; +} +i.icon.umbrella:before { + content: "\f0e9"; +} +i.icon.underline:before { + content: "\f0cd"; +} +i.icon.undo:before { + content: "\f0e2"; +} +i.icon.undo.alternate:before { + content: "\f2ea"; +} +i.icon.uniregistry:before { + content: "\f404"; +} +i.icon.universal.access:before { + content: "\f29a"; +} +i.icon.university:before { + content: "\f19c"; +} +i.icon.unlink:before { + content: "\f127"; +} +i.icon.unlock:before { + content: "\f09c"; +} +i.icon.unlock.alternate:before { + content: "\f13e"; +} +i.icon.untappd:before { + content: "\f405"; +} +i.icon.upload:before { + content: "\f093"; +} +i.icon.usb:before { + content: "\f287"; +} +i.icon.user:before { + content: "\f007"; +} +i.icon.user.circle:before { + content: "\f2bd"; +} +i.icon.user.md:before { + content: "\f0f0"; +} +i.icon.user.plus:before { + content: "\f234"; +} +i.icon.user.secret:before { + content: "\f21b"; +} +i.icon.user.times:before { + content: "\f235"; +} +i.icon.users:before { + content: "\f0c0"; +} +i.icon.ussunnah:before { + content: "\f407"; +} +i.icon.utensil.spoon:before { + content: "\f2e5"; +} +i.icon.utensils:before { + content: "\f2e7"; +} +i.icon.vaadin:before { + content: "\f408"; +} +i.icon.venus:before { + content: "\f221"; +} +i.icon.venus.double:before { + content: "\f226"; +} +i.icon.venus.mars:before { + content: "\f228"; +} +i.icon.viacoin:before { + content: "\f237"; +} +i.icon.viadeo:before { + content: "\f2a9"; +} +i.icon.viadeo.square:before { + content: "\f2aa"; +} +i.icon.viber:before { + content: "\f409"; +} +i.icon.video:before { + content: "\f03d"; +} +i.icon.vimeo:before { + content: "\f40a"; +} +i.icon.vimeo.square:before { + content: "\f194"; +} +i.icon.vimeo.v:before { + content: "\f27d"; +} +i.icon.vine:before { + content: "\f1ca"; +} +i.icon.vk:before { + content: "\f189"; +} +i.icon.vnv:before { + content: "\f40b"; +} +i.icon.volleyball.ball:before { + content: "\f45f"; +} +i.icon.volume.down:before { + content: "\f027"; +} +i.icon.volume.off:before { + content: "\f026"; +} +i.icon.volume.up:before { + content: "\f028"; +} +i.icon.vuejs:before { + content: "\f41f"; +} +i.icon.warehouse:before { + content: "\f494"; +} +i.icon.weibo:before { + content: "\f18a"; +} +i.icon.weight:before { + content: "\f496"; +} +i.icon.weixin:before { + content: "\f1d7"; +} +i.icon.whatsapp:before { + content: "\f232"; +} +i.icon.whatsapp.square:before { + content: "\f40c"; +} +i.icon.wheelchair:before { + content: "\f193"; +} +i.icon.whmcs:before { + content: "\f40d"; +} +i.icon.wifi:before { + content: "\f1eb"; +} +i.icon.wikipedia.w:before { + content: "\f266"; +} +i.icon.window.close:before { + content: "\f410"; +} +i.icon.window.maximize:before { + content: "\f2d0"; +} +i.icon.window.minimize:before { + content: "\f2d1"; +} +i.icon.window.restore:before { + content: "\f2d2"; +} +i.icon.windows:before { + content: "\f17a"; +} +i.icon.won.sign:before { + content: "\f159"; +} +i.icon.wordpress:before { + content: "\f19a"; +} +i.icon.wordpress.simple:before { + content: "\f411"; +} +i.icon.wpbeginner:before { + content: "\f297"; +} +i.icon.wpexplorer:before { + content: "\f2de"; +} +i.icon.wpforms:before { + content: "\f298"; +} +i.icon.wrench:before { + content: "\f0ad"; +} +i.icon.xbox:before { + content: "\f412"; +} +i.icon.xing:before { + content: "\f168"; +} +i.icon.xing.square:before { + content: "\f169"; +} +i.icon.y.combinator:before { + content: "\f23b"; +} +i.icon.yahoo:before { + content: "\f19e"; +} +i.icon.yandex:before { + content: "\f413"; +} +i.icon.yandex.international:before { + content: "\f414"; +} +i.icon.yelp:before { + content: "\f1e9"; +} +i.icon.yen.sign:before { + content: "\f157"; +} +i.icon.yoast:before { + content: "\f2b1"; +} +i.icon.youtube:before { + content: "\f167"; +} +i.icon.youtube.square:before { + content: "\f431"; +} + +/* Aliases */ +i.icon.chess.rock:before { + content: "\f447"; +} +i.icon.ordered.list:before { + content: "\f0cb"; +} +i.icon.unordered.list:before { + content: "\f0ca"; +} +i.icon.user.doctor:before { + content: "\f0f0"; +} +i.icon.shield:before { + content: "\f3ed"; +} +i.icon.puzzle:before { + content: "\f12e"; +} +i.icon.credit.card.amazon.pay:before { + content: "\f42d"; +} +i.icon.credit.card.american.express:before { + content: "\f1f3"; +} +i.icon.credit.card.diners.club:before { + content: "\f24c"; +} +i.icon.credit.card.discover:before { + content: "\f1f2"; +} +i.icon.credit.card.jcb:before { + content: "\f24b"; +} +i.icon.credit.card.mastercard:before { + content: "\f1f1"; +} +i.icon.credit.card.paypal:before { + content: "\f1f4"; +} +i.icon.credit.card.stripe:before { + content: "\f1f5"; +} +i.icon.credit.card.visa:before { + content: "\f1f0"; +} +i.icon.add.circle:before { + content: "\f055"; +} +i.icon.add.square:before { + content: "\f0fe"; +} +i.icon.add.to.calendar:before { + content: "\f271"; +} +i.icon.add.to.cart:before { + content: "\f217"; +} +i.icon.add.user:before { + content: "\f234"; +} +i.icon.add:before { + content: "\f067"; +} +i.icon.alarm.mute:before { + content: "\f1f6"; +} +i.icon.alarm:before { + content: "\f0f3"; +} +i.icon.ald:before { + content: "\f2a2"; +} +i.icon.als:before { + content: "\f2a2"; +} +i.icon.american.express.card:before { + content: "\f1f3"; +} +i.icon.american.express:before { + content: "\f1f3"; +} +i.icon.amex:before { + content: "\f1f3"; +} +i.icon.announcement:before { + content: "\f0a1"; +} +i.icon.area.chart:before { + content: "\f1fe"; +} +i.icon.area.graph:before { + content: "\f1fe"; +} +i.icon.arrow.down.cart:before { + content: "\f218"; +} +i.icon.asexual:before { + content: "\f22d"; +} +i.icon.asl.interpreting:before { + content: "\f2a3"; +} +i.icon.asl:before { + content: "\f2a3"; +} +i.icon.assistive.listening.devices:before { + content: "\f2a2"; +} +i.icon.attach:before { + content: "\f0c6"; +} +i.icon.attention:before { + content: "\f06a"; +} +i.icon.balance:before { + content: "\f24e"; +} +i.icon.bar:before { + content: "\f0fc"; +} +i.icon.bathtub:before { + content: "\f2cd"; +} +i.icon.battery.four:before { + content: "\f240"; +} +i.icon.battery.high:before { + content: "\f241"; +} +i.icon.battery.low:before { + content: "\f243"; +} +i.icon.battery.medium:before { + content: "\f242"; +} +i.icon.battery.one:before { + content: "\f243"; +} +i.icon.battery.three:before { + content: "\f241"; +} +i.icon.battery.two:before { + content: "\f242"; +} +i.icon.battery.zero:before { + content: "\f244"; +} +i.icon.birthday:before { + content: "\f1fd"; +} +i.icon.block.layout:before { + content: "\f009"; +} +i.icon.bluetooth.alternative:before { + content: "\f294"; +} +i.icon.broken.chain:before { + content: "\f127"; +} +i.icon.browser:before { + content: "\f022"; +} +i.icon.call.square:before { + content: "\f098"; +} +i.icon.call:before { + content: "\f095"; +} +i.icon.cancel:before { + content: "\f00d"; +} +i.icon.cart:before { + content: "\f07a"; +} +i.icon.cc:before { + content: "\f20a"; +} +i.icon.chain:before { + content: "\f0c1"; +} +i.icon.chat:before { + content: "\f075"; +} +i.icon.checked.calendar:before { + content: "\f274"; +} +i.icon.checkmark:before { + content: "\f00c"; +} +i.icon.circle.notched:before { + content: "\f1ce"; +} +i.icon.close:before { + content: "\f00d"; +} +i.icon.cny:before { + content: "\f157"; +} +i.icon.cocktail:before { + content: "\f000"; +} +i.icon.commenting:before { + content: "\f27a"; +} +i.icon.computer:before { + content: "\f108"; +} +i.icon.configure:before { + content: "\f0ad"; +} +i.icon.content:before { + content: "\f0c9"; +} +i.icon.deafness:before { + content: "\f2a4"; +} +i.icon.delete.calendar:before { + content: "\f273"; +} +i.icon.delete:before { + content: "\f00d"; +} +i.icon.detective:before { + content: "\f21b"; +} +i.icon.diners.club.card:before { + content: "\f24c"; +} +i.icon.diners.club:before { + content: "\f24c"; +} +i.icon.discover.card:before { + content: "\f1f2"; +} +i.icon.discover:before { + content: "\f1f2"; +} +i.icon.discussions:before { + content: "\f086"; +} +i.icon.doctor:before { + content: "\f0f0"; +} +i.icon.dollar:before { + content: "\f155"; +} +i.icon.dont:before { + content: "\f05e"; +} +i.icon.dribble:before { + content: "\f17d"; +} +i.icon.drivers.license:before { + content: "\f2c2"; +} +i.icon.dropdown:before { + content: "\f0d7"; +} +i.icon.eercast:before { + content: "\f2da"; +} +i.icon.emergency:before { + content: "\f0f9"; +} +i.icon.envira.gallery:before { + content: "\f299"; +} +i.icon.erase:before { + content: "\f12d"; +} +i.icon.eur:before { + content: "\f153"; +} +i.icon.euro:before { + content: "\f153"; +} +i.icon.eyedropper:before { + content: "\f1fb"; +} +i.icon.fa:before { + content: "\f2b4"; +} +i.icon.factory:before { + content: "\f275"; +} +i.icon.favorite:before { + content: "\f005"; +} +i.icon.feed:before { + content: "\f09e"; +} +i.icon.female.homosexual:before { + content: "\f226"; +} +i.icon.file.text:before { + content: "\f15c"; +} +i.icon.find:before { + content: "\f1e5"; +} +i.icon.first.aid:before { + content: "\f0fa"; +} +i.icon.five.hundred.pixels:before { + content: "\f26e"; +} +i.icon.fork:before { + content: "\f126"; +} +i.icon.game:before { + content: "\f11b"; +} +i.icon.gay:before { + content: "\f227"; +} +i.icon.gbp:before { + content: "\f154"; +} +i.icon.gittip:before { + content: "\f184"; +} +i.icon.google.plus.circle:before { + content: "\f2b3"; +} +i.icon.google.plus.official:before { + content: "\f2b3"; +} +i.icon.grab:before { + content: "\f255"; +} +i.icon.graduation:before { + content: "\f19d"; +} +i.icon.grid.layout:before { + content: "\f00a"; +} +i.icon.group:before { + content: "\f0c0"; +} +i.icon.h:before { + content: "\f0fd"; +} +i.icon.hand.victory:before { + content: "\f25b"; +} +i.icon.handicap:before { + content: "\f193"; +} +i.icon.hard.of.hearing:before { + content: "\f2a4"; +} +i.icon.header:before { + content: "\f1dc"; +} +i.icon.help.circle:before { + content: "\f059"; +} +i.icon.help:before { + content: "\f128"; +} +i.icon.heterosexual:before { + content: "\f228"; +} +i.icon.hide:before { + content: "\f070"; +} +i.icon.hotel:before { + content: "\f236"; +} +i.icon.hourglass.four:before { + content: "\f254"; +} +i.icon.hourglass.full:before { + content: "\f254"; +} +i.icon.hourglass.one:before { + content: "\f251"; +} +i.icon.hourglass.three:before { + content: "\f253"; +} +i.icon.hourglass.two:before { + content: "\f252"; +} +i.icon.idea:before { + content: "\f0eb"; +} +i.icon.ils:before { + content: "\f20b"; +} +i.icon.in-cart:before { + content: "\f218"; +} +i.icon.inr:before { + content: "\f156"; +} +i.icon.intergender:before { + content: "\f224"; +} +i.icon.intersex:before { + content: "\f224"; +} +i.icon.japan.credit.bureau.card:before { + content: "\f24b"; +} +i.icon.japan.credit.bureau:before { + content: "\f24b"; +} +i.icon.jcb:before { + content: "\f24b"; +} +i.icon.jpy:before { + content: "\f157"; +} +i.icon.krw:before { + content: "\f159"; +} +i.icon.lab:before { + content: "\f0c3"; +} +i.icon.law:before { + content: "\f24e"; +} +i.icon.legal:before { + content: "\f0e3"; +} +i.icon.lesbian:before { + content: "\f226"; +} +i.icon.lightning:before { + content: "\f0e7"; +} +i.icon.like:before { + content: "\f004"; +} +i.icon.line.graph:before { + content: "\f201"; +} +i.icon.linkedin.square:before { + content: "\f08c"; +} +i.icon.linkify:before { + content: "\f0c1"; +} +i.icon.lira:before { + content: "\f195"; +} +i.icon.list.layout:before { + content: "\f00b"; +} +i.icon.magnify:before { + content: "\f00e"; +} +i.icon.mail.forward:before { + content: "\f064"; +} +i.icon.mail.square:before { + content: "\f199"; +} +i.icon.mail:before { + content: "\f0e0"; +} +i.icon.male.homosexual:before { + content: "\f227"; +} +i.icon.man:before { + content: "\f222"; +} +i.icon.marker:before { + content: "\f041"; +} +i.icon.mars.alternate:before { + content: "\f229"; +} +i.icon.mars.horizontal:before { + content: "\f22b"; +} +i.icon.mars.vertical:before { + content: "\f22a"; +} +i.icon.mastercard.card:before { + content: "\f1f1"; +} +i.icon.mastercard:before { + content: "\f1f1"; +} +i.icon.microsoft.edge:before { + content: "\f282"; +} +i.icon.military:before { + content: "\f0fb"; +} +i.icon.ms.edge:before { + content: "\f282"; +} +i.icon.mute:before { + content: "\f131"; +} +i.icon.new.pied.piper:before { + content: "\f2ae"; +} +i.icon.non.binary.transgender:before { + content: "\f223"; +} +i.icon.numbered.list:before { + content: "\f0cb"; +} +i.icon.optinmonster:before { + content: "\f23c"; +} +i.icon.options:before { + content: "\f1de"; +} +i.icon.other.gender.horizontal:before { + content: "\f22b"; +} +i.icon.other.gender.vertical:before { + content: "\f22a"; +} +i.icon.other.gender:before { + content: "\f229"; +} +i.icon.payment:before { + content: "\f09d"; +} +i.icon.paypal.card:before { + content: "\f1f4"; +} +i.icon.pencil.square:before { + content: "\f14b"; +} +i.icon.photo:before { + content: "\f030"; +} +i.icon.picture:before { + content: "\f03e"; +} +i.icon.pie.chart:before { + content: "\f200"; +} +i.icon.pie.graph:before { + content: "\f200"; +} +i.icon.pied.piper.hat:before { + content: "\f2ae"; +} +i.icon.pin:before { + content: "\f08d"; +} +i.icon.plus.cart:before { + content: "\f217"; +} +i.icon.pocket:before { + content: "\f265"; +} +i.icon.point:before { + content: "\f041"; +} +i.icon.pointing.down:before { + content: "\f0a7"; +} +i.icon.pointing.left:before { + content: "\f0a5"; +} +i.icon.pointing.right:before { + content: "\f0a4"; +} +i.icon.pointing.up:before { + content: "\f0a6"; +} +i.icon.pound:before { + content: "\f154"; +} +i.icon.power.cord:before { + content: "\f1e6"; +} +i.icon.power:before { + content: "\f011"; +} +i.icon.privacy:before { + content: "\f084"; +} +i.icon.r.circle:before { + content: "\f25d"; +} +i.icon.rain:before { + content: "\f0e9"; +} +i.icon.record:before { + content: "\f03d"; +} +i.icon.refresh:before { + content: "\f021"; +} +i.icon.remove.circle:before { + content: "\f057"; +} +i.icon.remove.from.calendar:before { + content: "\f272"; +} +i.icon.remove.user:before { + content: "\f235"; +} +i.icon.remove:before { + content: "\f00d"; +} +i.icon.repeat:before { + content: "\f01e"; +} +i.icon.rmb:before { + content: "\f157"; +} +i.icon.rouble:before { + content: "\f158"; +} +i.icon.rub:before { + content: "\f158"; +} +i.icon.ruble:before { + content: "\f158"; +} +i.icon.rupee:before { + content: "\f156"; +} +i.icon.s15:before { + content: "\f2cd"; +} +i.icon.selected.radio:before { + content: "\f192"; +} +i.icon.send:before { + content: "\f1d8"; +} +i.icon.setting:before { + content: "\f013"; +} +i.icon.settings:before { + content: "\f085"; +} +i.icon.shekel:before { + content: "\f20b"; +} +i.icon.sheqel:before { + content: "\f20b"; +} +i.icon.shipping:before { + content: "\f0d1"; +} +i.icon.shop:before { + content: "\f07a"; +} +i.icon.shuffle:before { + content: "\f074"; +} +i.icon.shutdown:before { + content: "\f011"; +} +i.icon.sidebar:before { + content: "\f0c9"; +} +i.icon.signing:before { + content: "\f2a7"; +} +i.icon.signup:before { + content: "\f044"; +} +i.icon.sliders:before { + content: "\f1de"; +} +i.icon.soccer:before { + content: "\f1e3"; +} +i.icon.sort.alphabet.ascending:before { + content: "\f15d"; +} +i.icon.sort.alphabet.descending:before { + content: "\f15e"; +} +i.icon.sort.ascending:before { + content: "\f0de"; +} +i.icon.sort.content.ascending:before { + content: "\f160"; +} +i.icon.sort.content.descending:before { + content: "\f161"; +} +i.icon.sort.descending:before { + content: "\f0dd"; +} +i.icon.sort.numeric.ascending:before { + content: "\f162"; +} +i.icon.sort.numeric.descending:before { + content: "\f163"; +} +i.icon.sound:before { + content: "\f025"; +} +i.icon.spy:before { + content: "\f21b"; +} +i.icon.stripe.card:before { + content: "\f1f5"; +} +i.icon.student:before { + content: "\f19d"; +} +i.icon.talk:before { + content: "\f27a"; +} +i.icon.target:before { + content: "\f140"; +} +i.icon.teletype:before { + content: "\f1e4"; +} +i.icon.television:before { + content: "\f26c"; +} +i.icon.text.cursor:before { + content: "\f246"; +} +i.icon.text.telephone:before { + content: "\f1e4"; +} +i.icon.theme.isle:before { + content: "\f2b2"; +} +i.icon.theme:before { + content: "\f043"; +} +i.icon.thermometer:before { + content: "\f2c7"; +} +i.icon.thumb.tack:before { + content: "\f08d"; +} +i.icon.time:before { + content: "\f017"; +} +i.icon.tm:before { + content: "\f25c"; +} +i.icon.toggle.down:before { + content: "\f150"; +} +i.icon.toggle.left:before { + content: "\f191"; +} +i.icon.toggle.right:before { + content: "\f152"; +} +i.icon.toggle.up:before { + content: "\f151"; +} +i.icon.translate:before { + content: "\f1ab"; +} +i.icon.travel:before { + content: "\f0b1"; +} +i.icon.treatment:before { + content: "\f0f1"; +} +i.icon.triangle.down:before { + content: "\f0d7"; +} +i.icon.triangle.left:before { + content: "\f0d9"; +} +i.icon.triangle.right:before { + content: "\f0da"; +} +i.icon.triangle.up:before { + content: "\f0d8"; +} +i.icon.try:before { + content: "\f195"; +} +i.icon.unhide:before { + content: "\f06e"; +} +i.icon.unlinkify:before { + content: "\f127"; +} +i.icon.unmute:before { + content: "\f130"; +} +i.icon.usd:before { + content: "\f155"; +} +i.icon.user.cancel:before { + content: "\f235"; +} +i.icon.user.close:before { + content: "\f235"; +} +i.icon.user.delete:before { + content: "\f235"; +} +i.icon.user.x:before { + content: "\f235"; +} +i.icon.vcard:before { + content: "\f2bb"; +} +i.icon.video.camera:before { + content: "\f03d"; +} +i.icon.video.play:before { + content: "\f144"; +} +i.icon.visa.card:before { + content: "\f1f0"; +} +i.icon.visa:before { + content: "\f1f0"; +} +i.icon.volume.control.phone:before { + content: "\f2a0"; +} +i.icon.wait:before { + content: "\f017"; +} +i.icon.warning.circle:before { + content: "\f06a"; +} +i.icon.warning.sign:before { + content: "\f071"; +} +i.icon.warning:before { + content: "\f12a"; +} +i.icon.wechat:before { + content: "\f1d7"; +} +i.icon.wi-fi:before { + content: "\f1eb"; +} +i.icon.wikipedia:before { + content: "\f266"; +} +i.icon.winner:before { + content: "\f091"; +} +i.icon.wizard:before { + content: "\f0d0"; +} +i.icon.woman:before { + content: "\f221"; +} +i.icon.won:before { + content: "\f159"; +} +i.icon.wordpress.beginner:before { + content: "\f297"; +} +i.icon.wordpress.forms:before { + content: "\f298"; +} +i.icon.world:before { + content: "\f0ac"; +} +i.icon.write.square:before { + content: "\f14b"; +} +i.icon.x:before { + content: "\f00d"; +} +i.icon.yc:before { + content: "\f23b"; +} +i.icon.ycombinator:before { + content: "\f23b"; +} +i.icon.yen:before { + content: "\f157"; +} +i.icon.zip:before { + content: "\f187"; +} +i.icon.zoom-in:before { + content: "\f00e"; +} +i.icon.zoom-out:before { + content: "\f010"; +} +i.icon.zoom:before { + content: "\f00e"; +} +i.icon.bitbucket.square:before { + content: "\f171"; +} +i.icon.checkmark.box:before { + content: "\f14a"; +} +i.icon.circle.thin:before { + content: "\f111"; +} +i.icon.cloud.download:before { + content: "\f381"; +} +i.icon.cloud.upload:before { + content: "\f382"; +} +i.icon.compose:before { + content: "\f303"; +} +i.icon.conversation:before { + content: "\f086"; +} +i.icon.credit.card.alternative:before { + content: "\f09d"; +} +i.icon.currency:before { + content: "\f3d1"; +} +i.icon.dashboard:before { + content: "\f3fd"; +} +i.icon.diamond:before { + content: "\f3a5"; +} +i.icon.disk:before { + content: "\f0a0"; +} +i.icon.exchange:before { + content: "\f362"; +} +i.icon.external.share:before { + content: "\f14d"; +} +i.icon.external.square:before { + content: "\f360"; +} +i.icon.external:before { + content: "\f35d"; +} +i.icon.facebook.official:before { + content: "\f082"; +} +i.icon.food:before { + content: "\f2e7"; +} +i.icon.hourglass.zero:before { + content: "\f253"; +} +i.icon.level.down:before { + content: "\f3be"; +} +i.icon.level.up:before { + content: "\f3bf"; +} +i.icon.logout:before { + content: "\f2f5"; +} +i.icon.meanpath:before { + content: "\f0c8"; +} +i.icon.money:before { + content: "\f3d1"; +} +i.icon.move:before { + content: "\f0b2"; +} +i.icon.pencil:before { + content: "\f303"; +} +i.icon.protect:before { + content: "\f023"; +} +i.icon.radio:before { + content: "\f192"; +} +i.icon.remove.bookmark:before { + content: "\f02e"; +} +i.icon.resize.horizontal:before { + content: "\f337"; +} +i.icon.resize.vertical:before { + content: "\f338"; +} +i.icon.sign-in:before { + content: "\f2f6"; +} +i.icon.sign-out:before { + content: "\f2f5"; +} +i.icon.spoon:before { + content: "\f2e5"; +} +i.icon.star.half.empty:before { + content: "\f089"; +} +i.icon.star.half.full:before { + content: "\f089"; +} +i.icon.ticket:before { + content: "\f3ff"; +} +i.icon.times.rectangle:before { + content: "\f410"; +} +i.icon.write:before { + content: "\f303"; +} +i.icon.youtube.play:before { + content: "\f167"; +} + + +/******************************* + Outline Icons +*******************************/ + + +/* Outline Icon */ + +/* Load & Define Icon Font */ +@font-face { + font-family: 'outline-icons'; + src: url("./../themes/default/assets/fonts/outline-icons.eot"); + src: url("./../themes/default/assets/fonts/outline-icons.eot?#iefix") format('embedded-opentype'), url("./../themes/default/assets/fonts/outline-icons.woff2") format('woff2'), url("./../themes/default/assets/fonts/outline-icons.woff") format('woff'), url("./../themes/default/assets/fonts/outline-icons.ttf") format('truetype'), url("./../themes/default/assets/fonts/outline-icons.svg#icons") format('svg'); + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} +i.icon.outline { + font-family: 'outline-icons'; +} + +/* Icon Definitions */ +i.icon.address.book.outline:before { + content: "\f2b9"; +} +i.icon.address.card.outline:before { + content: "\f2bb"; +} +i.icon.arrow.alternate.circle.down.outline:before { + content: "\f358"; +} +i.icon.arrow.alternate.circle.left.outline:before { + content: "\f359"; +} +i.icon.arrow.alternate.circle.right.outline:before { + content: "\f35a"; +} +i.icon.arrow.alternate.circle.up.outline:before { + content: "\f35b"; +} +i.icon.bell.outline:before { + content: "\f0f3"; +} +i.icon.bell.slash.outline:before { + content: "\f1f6"; +} +i.icon.bookmark.outline:before { + content: "\f02e"; +} +i.icon.building.outline:before { + content: "\f1ad"; +} +i.icon.calendar.outline:before { + content: "\f133"; +} +i.icon.calendar.alternate.outline:before { + content: "\f073"; +} +i.icon.calendar.check.outline:before { + content: "\f274"; +} +i.icon.calendar.minus.outline:before { + content: "\f272"; +} +i.icon.calendar.plus.outline:before { + content: "\f271"; +} +i.icon.calendar.times.outline:before { + content: "\f273"; +} +i.icon.caret.square.down.outline:before { + content: "\f150"; +} +i.icon.caret.square.left.outline:before { + content: "\f191"; +} +i.icon.caret.square.right.outline:before { + content: "\f152"; +} +i.icon.caret.square.up.outline:before { + content: "\f151"; +} +i.icon.chart.bar.outline:before { + content: "\f080"; +} +i.icon.check.circle.outline:before { + content: "\f058"; +} +i.icon.check.square.outline:before { + content: "\f14a"; +} +i.icon.circle.outline:before { + content: "\f111"; +} +i.icon.clipboard.outline:before { + content: "\f328"; +} +i.icon.clock.outline:before { + content: "\f017"; +} +i.icon.clone.outline:before { + content: "\f24d"; +} +i.icon.closed.captioning.outline:before { + content: "\f20a"; +} +i.icon.comment.outline:before { + content: "\f075"; +} +i.icon.comment.alternate.outline:before { + content: "\f27a"; +} +i.icon.comments.outline:before { + content: "\f086"; +} +i.icon.compass.outline:before { + content: "\f14e"; +} +i.icon.copy.outline:before { + content: "\f0c5"; +} +i.icon.copyright.outline:before { + content: "\f1f9"; +} +i.icon.credit.card.outline:before { + content: "\f09d"; +} +i.icon.dot.circle.outline:before { + content: "\f192"; +} +i.icon.edit.outline:before { + content: "\f044"; +} +i.icon.envelope.outline:before { + content: "\f0e0"; +} +i.icon.envelope.open.outline:before { + content: "\f2b6"; +} +i.icon.eye.slash.outline:before { + content: "\f070"; +} +i.icon.file.outline:before { + content: "\f15b"; +} +i.icon.file.alternate.outline:before { + content: "\f15c"; +} +i.icon.file.archive.outline:before { + content: "\f1c6"; +} +i.icon.file.audio.outline:before { + content: "\f1c7"; +} +i.icon.file.code.outline:before { + content: "\f1c9"; +} +i.icon.file.excel.outline:before { + content: "\f1c3"; +} +i.icon.file.image.outline:before { + content: "\f1c5"; +} +i.icon.file.pdf.outline:before { + content: "\f1c1"; +} +i.icon.file.powerpoint.outline:before { + content: "\f1c4"; +} +i.icon.file.video.outline:before { + content: "\f1c8"; +} +i.icon.file.word.outline:before { + content: "\f1c2"; +} +i.icon.flag.outline:before { + content: "\f024"; +} +i.icon.folder.outline:before { + content: "\f07b"; +} +i.icon.folder.open.outline:before { + content: "\f07c"; +} +i.icon.frown.outline:before { + content: "\f119"; +} +i.icon.futbol.outline:before { + content: "\f1e3"; +} +i.icon.gem.outline:before { + content: "\f3a5"; +} +i.icon.hand.lizard.outline:before { + content: "\f258"; +} +i.icon.hand.paper.outline:before { + content: "\f256"; +} +i.icon.hand.peace.outline:before { + content: "\f25b"; +} +i.icon.hand.point.down.outline:before { + content: "\f0a7"; +} +i.icon.hand.point.left.outline:before { + content: "\f0a5"; +} +i.icon.hand.point.right.outline:before { + content: "\f0a4"; +} +i.icon.hand.point.up.outline:before { + content: "\f0a6"; +} +i.icon.hand.pointer.outline:before { + content: "\f25a"; +} +i.icon.hand.rock.outline:before { + content: "\f255"; +} +i.icon.hand.scissors.outline:before { + content: "\f257"; +} +i.icon.hand.spock.outline:before { + content: "\f259"; +} +i.icon.handshake.outline:before { + content: "\f2b5"; +} +i.icon.hdd.outline:before { + content: "\f0a0"; +} +i.icon.heart.outline:before { + content: "\f004"; +} +i.icon.hospital.outline:before { + content: "\f0f8"; +} +i.icon.hourglass.outline:before { + content: "\f254"; +} +i.icon.id.badge.outline:before { + content: "\f2c1"; +} +i.icon.id.card.outline:before { + content: "\f2c2"; +} +i.icon.image.outline:before { + content: "\f03e"; +} +i.icon.images.outline:before { + content: "\f302"; +} +i.icon.keyboard.outline:before { + content: "\f11c"; +} +i.icon.lemon.outline:before { + content: "\f094"; +} +i.icon.life.ring.outline:before { + content: "\f1cd"; +} +i.icon.lightbulb.outline:before { + content: "\f0eb"; +} +i.icon.list.alternate.outline:before { + content: "\f022"; +} +i.icon.map.outline:before { + content: "\f279"; +} +i.icon.meh.outline:before { + content: "\f11a"; +} +i.icon.minus.square.outline:before { + content: "\f146"; +} +i.icon.money.bill.alternate.outline:before { + content: "\f3d1"; +} +i.icon.moon.outline:before { + content: "\f186"; +} +i.icon.newspaper.outline:before { + content: "\f1ea"; +} +i.icon.object.group.outline:before { + content: "\f247"; +} +i.icon.object.ungroup.outline:before { + content: "\f248"; +} +i.icon.paper.plane.outline:before { + content: "\f1d8"; +} +i.icon.pause.circle.outline:before { + content: "\f28b"; +} +i.icon.play.circle.outline:before { + content: "\f144"; +} +i.icon.plus.square.outline:before { + content: "\f0fe"; +} +i.icon.question.circle.outline:before { + content: "\f059"; +} +i.icon.registered.outline:before { + content: "\f25d"; +} +i.icon.save.outline:before { + content: "\f0c7"; +} +i.icon.share.square.outline:before { + content: "\f14d"; +} +i.icon.smile.outline:before { + content: "\f118"; +} +i.icon.snowflake.outline:before { + content: "\f2dc"; +} +i.icon.square.outline:before { + content: "\f0c8"; +} +i.icon.star.outline:before { + content: "\f005"; +} +i.icon.star.half.outline:before { + content: "\f089"; +} +i.icon.sticky.note.outline:before { + content: "\f249"; +} +i.icon.stop.circle.outline:before { + content: "\f28d"; +} +i.icon.sun.outline:before { + content: "\f185"; +} +i.icon.thumbs.down.outline:before { + content: "\f165"; +} +i.icon.thumbs.up.outline:before { + content: "\f164"; +} +i.icon.times.circle.outline:before { + content: "\f057"; +} +i.icon.trash.alternate.outline:before { + content: "\f2ed"; +} +i.icon.user.outline:before { + content: "\f007"; +} +i.icon.user.circle.outline:before { + content: "\f2bd"; +} +i.icon.window.close.outline:before { + content: "\f410"; +} +i.icon.window.maximize.outline:before { + content: "\f2d0"; +} +i.icon.window.minimize.outline:before { + content: "\f2d1"; +} +i.icon.window.restore.outline:before { + content: "\f2d2"; +} + +/* Outline Aliases */ +i.icon.disk.outline:before { + content: "\f0a0"; +} +i.icon.heart.empty, +i.icon.star.empty { + font-family: 'outline-icons'; +} +i.icon.heart.empty:before { + content: "\f004"; +} +i.icon.star.empty:before { + content: "\f089"; +} + + +/******************************* + Brand Icons +*******************************/ + + +/* Load & Define Brand Font */ +@font-face { + font-family: 'brand-icons'; + src: url("./../themes/default/assets/fonts/brand-icons.eot"); + src: url("./../themes/default/assets/fonts/brand-icons.eot?#iefix") format('embedded-opentype'), url("./../themes/default/assets/fonts/brand-icons.woff2") format('woff2'), url("./../themes/default/assets/fonts/brand-icons.woff") format('woff'), url("./../themes/default/assets/fonts/brand-icons.ttf") format('truetype'), url("./../themes/default/assets/fonts/brand-icons.svg#icons") format('svg'); + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} + +/* Brand Icon Font Family */ +i.icon.\35 00px, +i.icon.accessible.icon, +i.icon.accusoft, +i.icon.adn, +i.icon.adversal, +i.icon.affiliatetheme, +i.icon.algolia, +i.icon.amazon, +i.icon.amazon.pay, +i.icon.amilia, +i.icon.android, +i.icon.angellist, +i.icon.angrycreative, +i.icon.angular, +i.icon.app.store, +i.icon.app.store.ios, +i.icon.apper, +i.icon.apple, +i.icon.apple.pay, +i.icon.asymmetrik, +i.icon.audible, +i.icon.autoprefixer, +i.icon.avianex, +i.icon.aviato, +i.icon.aws, +i.icon.bandcamp, +i.icon.behance, +i.icon.behance.square, +i.icon.bimobject, +i.icon.bitbucket, +i.icon.bitcoin, +i.icon.bity, +i.icon.black.tie, +i.icon.blackberry, +i.icon.blogger, +i.icon.blogger.b, +i.icon.bluetooth, +i.icon.bluetooth.b, +i.icon.btc, +i.icon.buromobelexperte, +i.icon.buysellads, +i.icon.cc.amazon.pay, +i.icon.cc.amex, +i.icon.cc.apple.pay, +i.icon.cc.diners.club, +i.icon.cc.discover, +i.icon.cc.jcb, +i.icon.cc.mastercard, +i.icon.cc.paypal, +i.icon.cc.stripe, +i.icon.cc.visa, +i.icon.centercode, +i.icon.chrome, +i.icon.cloudscale, +i.icon.cloudsmith, +i.icon.cloudversify, +i.icon.codepen, +i.icon.codiepie, +i.icon.connectdevelop, +i.icon.contao, +i.icon.cpanel, +i.icon.creative.commons, +i.icon.css3, +i.icon.css3.alternate, +i.icon.cuttlefish, +i.icon.d.and.d, +i.icon.dashcube, +i.icon.delicious, +i.icon.deploydog, +i.icon.deskpro, +i.icon.deviantart, +i.icon.digg, +i.icon.digital.ocean, +i.icon.discord, +i.icon.discourse, +i.icon.dochub, +i.icon.docker, +i.icon.draft2digital, +i.icon.dribbble, +i.icon.dribbble.square, +i.icon.dropbox, +i.icon.drupal, +i.icon.dyalog, +i.icon.earlybirds, +i.icon.edge, +i.icon.elementor, +i.icon.ember, +i.icon.empire, +i.icon.envira, +i.icon.erlang, +i.icon.ethereum, +i.icon.etsy, +i.icon.expeditedssl, +i.icon.facebook, +i.icon.facebook.f, +i.icon.facebook.messenger, +i.icon.facebook.square, +i.icon.firefox, +i.icon.first.order, +i.icon.firstdraft, +i.icon.flickr, +i.icon.flipboard, +i.icon.fly, +i.icon.font.awesome, +i.icon.font.awesome.alternate, +i.icon.font.awesome.flag, +i.icon.fonticons, +i.icon.fonticons.fi, +i.icon.fort.awesome, +i.icon.fort.awesome.alternate, +i.icon.forumbee, +i.icon.foursquare, +i.icon.free.code.camp, +i.icon.freebsd, +i.icon.get.pocket, +i.icon.gg, +i.icon.gg.circle, +i.icon.git, +i.icon.git.square, +i.icon.github, +i.icon.github.alternate, +i.icon.github.square, +i.icon.gitkraken, +i.icon.gitlab, +i.icon.gitter, +i.icon.glide, +i.icon.glide.g, +i.icon.gofore, +i.icon.goodreads, +i.icon.goodreads.g, +i.icon.google, +i.icon.google.drive, +i.icon.google.play, +i.icon.google.plus, +i.icon.google.plus.g, +i.icon.google.plus.square, +i.icon.google.wallet, +i.icon.gratipay, +i.icon.grav, +i.icon.gripfire, +i.icon.grunt, +i.icon.gulp, +i.icon.hacker.news, +i.icon.hacker.news.square, +i.icon.hips, +i.icon.hire.a.helper, +i.icon.hooli, +i.icon.hotjar, +i.icon.houzz, +i.icon.html5, +i.icon.hubspot, +i.icon.imdb, +i.icon.instagram, +i.icon.internet.explorer, +i.icon.ioxhost, +i.icon.itunes, +i.icon.itunes.note, +i.icon.jenkins, +i.icon.joget, +i.icon.joomla, +i.icon.js, +i.icon.js.square, +i.icon.jsfiddle, +i.icon.keycdn, +i.icon.kickstarter, +i.icon.kickstarter.k, +i.icon.korvue, +i.icon.laravel, +i.icon.lastfm, +i.icon.lastfm.square, +i.icon.leanpub, +i.icon.less, +i.icon.linechat, +i.icon.linkedin, +i.icon.linkedin.alternate, +i.icon.linkedin.in, +i.icon.linode, +i.icon.linux, +i.icon.lyft, +i.icon.magento, +i.icon.maxcdn, +i.icon.medapps, +i.icon.medium, +i.icon.medium.m, +i.icon.medrt, +i.icon.meetup, +i.icon.microsoft, +i.icon.mix, +i.icon.mixcloud, +i.icon.mizuni, +i.icon.modx, +i.icon.monero, +i.icon.napster, +i.icon.nintendo.switch, +i.icon.node, +i.icon.node.js, +i.icon.npm, +i.icon.ns8, +i.icon.nutritionix, +i.icon.odnoklassniki, +i.icon.odnoklassniki.square, +i.icon.opencart, +i.icon.openid, +i.icon.opera, +i.icon.optin.monster, +i.icon.osi, +i.icon.page4, +i.icon.pagelines, +i.icon.palfed, +i.icon.patreon, +i.icon.paypal, +i.icon.periscope, +i.icon.phabricator, +i.icon.phoenix.framework, +i.icon.php, +i.icon.pied.piper, +i.icon.pied.piper.alternate, +i.icon.pied.piper.pp, +i.icon.pinterest, +i.icon.pinterest.p, +i.icon.pinterest.square, +i.icon.playstation, +i.icon.product.hunt, +i.icon.pushed, +i.icon.python, +i.icon.qq, +i.icon.quinscape, +i.icon.quora, +i.icon.ravelry, +i.icon.react, +i.icon.rebel, +i.icon.redriver, +i.icon.reddit, +i.icon.reddit.alien, +i.icon.reddit.square, +i.icon.rendact, +i.icon.renren, +i.icon.replyd, +i.icon.resolving, +i.icon.rocketchat, +i.icon.rockrms, +i.icon.safari, +i.icon.sass, +i.icon.schlix, +i.icon.scribd, +i.icon.searchengin, +i.icon.sellcast, +i.icon.sellsy, +i.icon.servicestack, +i.icon.shirtsinbulk, +i.icon.simplybuilt, +i.icon.sistrix, +i.icon.skyatlas, +i.icon.skype, +i.icon.slack, +i.icon.slack.hash, +i.icon.slideshare, +i.icon.snapchat, +i.icon.snapchat.ghost, +i.icon.snapchat.square, +i.icon.soundcloud, +i.icon.speakap, +i.icon.spotify, +i.icon.stack.exchange, +i.icon.stack.overflow, +i.icon.staylinked, +i.icon.steam, +i.icon.steam.square, +i.icon.steam.symbol, +i.icon.sticker.mule, +i.icon.strava, +i.icon.stripe, +i.icon.stripe.s, +i.icon.studiovinari, +i.icon.stumbleupon, +i.icon.stumbleupon.circle, +i.icon.superpowers, +i.icon.supple, +i.icon.telegram, +i.icon.telegram.plane, +i.icon.tencent.weibo, +i.icon.themeisle, +i.icon.trello, +i.icon.tripadvisor, +i.icon.tumblr, +i.icon.tumblr.square, +i.icon.twitch, +i.icon.twitter, +i.icon.twitter.square, +i.icon.typo3, +i.icon.uber, +i.icon.uikit, +i.icon.uniregistry, +i.icon.untappd, +i.icon.usb, +i.icon.ussunnah, +i.icon.vaadin, +i.icon.viacoin, +i.icon.viadeo, +i.icon.viadeo.square, +i.icon.viber, +i.icon.vimeo, +i.icon.vimeo.square, +i.icon.vimeo.v, +i.icon.vine, +i.icon.vk, +i.icon.vnv, +i.icon.vuejs, +i.icon.wechat, +i.icon.weibo, +i.icon.weixin, +i.icon.whatsapp, +i.icon.whatsapp.square, +i.icon.whmcs, +i.icon.wikipedia.w, +i.icon.windows, +i.icon.wordpress, +i.icon.wordpress.simple, +i.icon.wpbeginner, +i.icon.wpexplorer, +i.icon.wpforms, +i.icon.xbox, +i.icon.xing, +i.icon.xing.square, +i.icon.y.combinator, +i.icon.yahoo, +i.icon.yandex, +i.icon.yandex.international, +i.icon.yelp, +i.icon.yoast, +i.icon.youtube, +i.icon.youtube.square { + font-family: 'brand-icons'; +} + +/* Brand Icons Ideally Would Be Defined Here */ + + +/******************************* + Site Overrides +*******************************/ + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/image.css b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/image.css new file mode 100644 index 00000000..9d15878e --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/image.css @@ -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 +*******************************/ + diff --git a/Sources/pyOpenRPA/Resources/Web/orpa/styleset/jquery.min.js b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/jquery.min.js new file mode 100644 index 00000000..49990d6e --- /dev/null +++ b/Sources/pyOpenRPA/Resources/Web/orpa/styleset/jquery.min.js @@ -0,0 +1,4 @@ +/*! jQuery v2.1.4 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */ +!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l=a.document,m="2.1.4",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!n.isArray(a)&&a-parseFloat(a)+1>=0},isPlainObject:function(a){return"object"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!j.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=l.createElement("script"),b.text=a,l.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:g.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(e=d.call(arguments,2),f=function(){return a.apply(b||this,e.concat(d.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:k}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b="length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?la(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ca,da),a[3]=(a[3]||a[4]||a[5]||"").replace(ca,da),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ca,da).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(ca,da),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return W.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(ca,da).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:oa(function(){return[0]}),last:oa(function(a,b){return[b-1]}),eq:oa(function(a,b,c){return[0>c?c+b:c]}),even:oa(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:oa(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:oa(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:oa(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return g.call(b,a)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:l,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=l.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=l,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};A.prototype=n.fn,y=n(l);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?g.call(n(a),this[0]):g.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(C[a]||n.unique(e),B.test(a)&&e.reverse()),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return n.each(a.match(E)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(b=a.memory&&l,c=!0,g=e||0,e=0,f=h.length,d=!0;h&&f>g;g++)if(h[g].apply(l[0],l[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,h&&(i?i.length&&j(i.shift()):b?h=[]:k.disable())},k={add:function(){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(arguments),d?f=h.length:b&&(e=c,j(b))}return this},remove:function(){return h&&n.each(arguments,function(a,b){var c;while((c=n.inArray(b,h,c))>-1)h.splice(c,1),d&&(f>=c&&f--,g>=c&&g--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],f=0,this},disable:function(){return h=i=b=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,b||k.disable(),this},locked:function(){return!i},fireWith:function(a,b){return!h||c&&!i||(b=b||[],b=[a,b.slice?b.slice():b],d?i.push(b):j(b)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!c}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(H.resolveWith(l,[n]),n.fn.triggerHandler&&(n(l).triggerHandler("ready"),n(l).off("ready"))))}});function I(){l.removeEventListener("DOMContentLoaded",I,!1),a.removeEventListener("load",I,!1),n.ready()}n.ready.promise=function(b){return H||(H=n.Deferred(),"complete"===l.readyState?setTimeout(n.ready):(l.addEventListener("DOMContentLoaded",I,!1),a.addEventListener("load",I,!1))),H.promise(b)},n.ready.promise();var J=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};n.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function K(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=n.expando+K.uid++}K.uid=1,K.accepts=n.acceptData,K.prototype={key:function(a){if(!K.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=K.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,n.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(n.isEmptyObject(f))n.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(E)||[])),c=d.length;while(c--)delete g[d[c]]}},hasData:function(a){return!n.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var L=new K,M=new K,N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(O,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}M.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return M.hasData(a)||L.hasData(a)},data:function(a,b,c){ +return M.access(a,b,c)},removeData:function(a,b){M.remove(a,b)},_data:function(a,b,c){return L.access(a,b,c)},_removeData:function(a,b){L.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=M.get(f),1===f.nodeType&&!L.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));L.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){M.set(this,a)}):J(this,function(b){var c,d=n.camelCase(a);if(f&&void 0===b){if(c=M.get(f,a),void 0!==c)return c;if(c=M.get(f,d),void 0!==c)return c;if(c=P(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=M.get(this,d);M.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&M.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){M.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=L.get(a,b),c&&(!d||n.isArray(c)?d=L.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return L.get(a,c)||L.access(a,c,{empty:n.Callbacks("once memory").add(function(){L.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthx",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var U="undefined";k.focusinBubbles="onfocusin"in a;var V=/^key/,W=/^(?:mouse|pointer|contextmenu)|click/,X=/^(?:focusinfocus|focusoutblur)$/,Y=/^([^.]*)(?:\.(.+)|)$/;function Z(){return!0}function $(){return!1}function _(){try{return l.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return typeof n!==U&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(E)||[""],j=b.length;while(j--)h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.hasData(a)&&L.get(a);if(r&&(i=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&(delete r.handle,L.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,m,o,p=[d||l],q=j.call(b,"type")?b.type:b,r=j.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||l,3!==d.nodeType&&8!==d.nodeType&&!X.test(q+n.event.triggered)&&(q.indexOf(".")>=0&&(r=q.split("."),q=r.shift(),r.sort()),k=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=r.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},e||!o.trigger||o.trigger.apply(d,c)!==!1)){if(!e&&!o.noBubble&&!n.isWindow(d)){for(i=o.delegateType||q,X.test(i+q)||(g=g.parentNode);g;g=g.parentNode)p.push(g),h=g;h===(d.ownerDocument||l)&&p.push(h.defaultView||h.parentWindow||a)}f=0;while((g=p[f++])&&!b.isPropagationStopped())b.type=f>1?i:o.bindType||q,m=(L.get(g,"events")||{})[b.type]&&L.get(g,"handle"),m&&m.apply(g,c),m=k&&g[k],m&&m.apply&&n.acceptData(g)&&(b.result=m.apply(g,c),b.result===!1&&b.preventDefault());return b.type=q,e||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!n.acceptData(d)||k&&n.isFunction(d[q])&&!n.isWindow(d)&&(h=d[k],h&&(d[k]=null),n.event.triggered=q,d[q](),n.event.triggered=void 0,h&&(d[k]=h)),b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(L.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(g.namespace))&&(a.handleObj=g,a.data=g.data,e=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==e&&(a.result=e)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>=0:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h]*)\/>/gi,ba=/<([\w:]+)/,ca=/<|&#?\w+;/,da=/<(?:script|style|link)/i,ea=/checked\s*(?:[^=]|=\s*.checked.)/i,fa=/^$|\/(?:java|ecma)script/i,ga=/^true\/(.*)/,ha=/^\s*\s*$/g,ia={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ia.optgroup=ia.option,ia.tbody=ia.tfoot=ia.colgroup=ia.caption=ia.thead,ia.th=ia.td;function ja(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function ka(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function la(a){var b=ga.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function ma(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],"globalEval",!b||L.get(b[c],"globalEval"))}function na(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function oa(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pa(a,b){var c=b.nodeName.toLowerCase();"input"===c&&T.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=oa(h),f=oa(a),d=0,e=f.length;e>d;d++)pa(f[d],g[d]);if(b)if(c)for(f=f||oa(a),g=g||oa(h),d=0,e=f.length;e>d;d++)na(f[d],g[d]);else na(a,h);return g=oa(h,"script"),g.length>0&&ma(g,!i&&oa(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if("object"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(ca.test(e)){f=f||k.appendChild(b.createElement("div")),g=(ba.exec(e)||["",""])[1].toLowerCase(),h=ia[g]||ia._default,f.innerHTML=h[1]+e.replace(aa,"<$1>")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));k.textContent="",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=oa(k.appendChild(e),"script"),i&&ma(f),c)){j=0;while(e=f[j++])fa.test(e.type||"")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(oa(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&ma(oa(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(oa(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!da.test(a)&&!ia[(ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(aa,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(oa(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(oa(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&ea.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(oa(c,"script"),ka),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,oa(h,"script"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,la),j=0;g>j;j++)h=f[j],fa.test(h.type||"")&&!L.access(h,"globalEval")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(ha,"")))}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qa,ra={};function sa(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],"display");return e.detach(),f}function ta(a){var b=l,c=ra[a];return c||(c=sa(a,b),"none"!==c&&c||(qa=(qa||n("