layer#Cake Update

0

A second serving..

A lot has happend in the dessert world!

With version 1.44 of Organizr, layer#Cake is now officially supported by Org. No more 24 hour wait for each update to propagate!

And with that I have switched to the “Custom (Live)” config. And I am very pleased with the result! My “live” theme is still pretty much the same, with only small changes. And best of all is that I don’t have to manually update stuff after CauseFX adds new functions!

Link to the live css:

https://github.com/leram84/layer.Cake/blob/master/Live/Custom.css

Again, a huge thanks to Leram84 and CauseFX for creating these tools!

My Custom CSS

/* ___ __ __ ____ __ */
/* /\_ \ _\ \\ \__ /\ _`\ /\ \ */
/* \//\ \ __ __ __ __ _ __ /\__ _ _\\ \ \/\_\ __ \ \ \/'\ __ */
/* \ \ \ /'__`\ /\ \/\ \ /'__`\/\`'__\/_ \ \\ \ _\ \ \/_/_ /'__`\ \ \ , < /'__`\ */
/* \_\ \_/\ \L\.\_\ \ \_\ \/\ __/\ \ \/ /\_ _ _\\ \ \_\ \/\ \C\.\_\ \ \\`\ /\ __/ */
/* /\____\ \__/.\_\\/`____ \ \____\\ \_\ \/_/\_\\_\/ \ \____/\ \__/.\_\\ \_\ \_\ \____\ */
/* \/____/\/__/\/_/ `/___/> \/____/ \/_/ \/_//_/ \/___/ \/__/\/_/ \/_/\/_/\/____/ */
/* /\___/ */
/* \/__/ -Hackerman */
:root {
/* This block is for the Home and Settings Pages */
--color-layerOne: #282A2D;
--color-layerTwo: #1f2125;
--color-layerThree: #1f2125;
--color-layerFour: #1f2125;
--color-layerFive: #E5A00D;
--color-tLayerOne: #E5A00D;
--color-tLayerTwo: #FFFFFF;
/* This block is for the Calendar Color Codes */
--color-calAvailable: #E5A00D;
--color-calUnavailable: #ab0000;
--color-calUnreleased: #676767;
--color-calPremier: #295f48;
/* This block is for the Login, Logout, and Popup Pages */
--color-loginLayerOne: #282A2D;
--color-loginLayerTwo: #E5A00D;
--color-loginLayerThree: #3f4245;
--color-loginLayerFour: #ab0000;
--color-loginLayerFive: #E5A00D;
--color-loginTLayerOne: #FFFFFF;
--color-loginTLayerTwo: #FFFFFF;
/* This block is for the Chat Page */
--color-chatLayerOne: #282A2D;
--color-chatLayerTwo: #3f4245;
--color-chatLayerThree: #E5A00D;
--color-chatLayerFour: #676767;
--color-chatLayerFive: #E5A00D;
--color-chatTLayerOne: #E5A00D;
--color-chatTLayerTwo: #FFFFFF;
/* This block is earmarked for Custom Add-Ons */
--color-extraLayerOne: #272b30;
--color-extraLayerTwo: #3d3d3d;
--color-extraLayerThree: #6495ED;
--color-extraLayerFour: #9680bb;
--color-extraLayerFive: #6495ED;
--color-extraTLayerOne: #FFFFFF;
--color-extraTLayerTwo: #FFFFFF;
}
.content-box.box-shadow.big-box.todo-list{
padding: 0 !important;
}
/* Remember Me Knob when selected */
input.switcher-success:checked + label:after {
background-color: var(--color-loginLayerTwo) !important;
}

/* Remember Me slider when selected */
input.switcher-success:checked + label:before {
background-color: var(--color-loginLayerTwo) !important;
}

/* Changes the notice box */
.panel-warning {
background: #282A2D !important;
border-color: transparent !important;
color: #282A2D !important;
}
.panel.panel-warning > .panel-heading {
background: #282A2D !important;
border-color: transparent !important;
color: #E5A00D;
}

/* The apply changes button in settings */
.btn.btn-success, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-success:focus {
background-color: #E5A00D;
border-color: #E5A00D;
color: #FFF !important;
</style>
<link rel="stylesheet" type="text/css" href="ajax.php?a=show-file&file=https://raw.githubusercontent.com/leram84/layer.Cake/master/CSS/Custom/Global.css">
<!-- _ _ _ _ _ _ -->
<!-- /_\ __| |__| |___ _ _ | | (_)_ _ | |__ ___ -->
<!-- / _ \/ _` / _` / _ \ ' \ | |__| | ' \| / /(_-< -->
<!-- /_/ \_\__,_\__,_\___/_||_| |____|_|_||_|_\_\/__/ -->
<!-- \/\/\/\/\/\/\/\/\/ Paste your add-on links below \/\/\/\/\/\/\/\/\/ -->

<!-- /\/\/\/\/\/\/\/\/\ Paste your add-on links above /\/\/\/\/\/\/\/\/\ -->
<!-- _ _ _ _ _ _ -->
<!-- /_\ __| |__| |___ _ _ | | (_)_ _ | |__ ___ -->
<!-- / _ \/ _` / _` / _ \ ' \ | |__| | ' \| / /(_-< -->
<!-- /_/ \_\__,_\__,_\___/_||_| |____|_|_||_|_\_\/__/ -->
<style>

My Custom HTML

<style>
/* Button Text */
h1.text-uppercase.text-center {
color: #282A2D !important;
}
/* Button Background Color */
.content-box.green-bg {
background: #E5A00D !important;
}
/* The Abort speed test/Upload button color */
.content-box.red-bg {
background: #676767 !important;
}
</style>

<!-- _____ _ ___ _ _ -->
<!-- |_ _| |_ _ _ ___ ___ | _ )_ _| |_| |_ ___ _ _ -->
<!-- | | | ' \| '_/ -_) -_) | _ \ || | _| _/ _ \ ' \ -->
<!-- |_| |_||_|_| \___\___| |___/\_,_|\__|\__\___/_||_| --> 
<!-- /////////////////////// Button One \\\\\\\\\\\\\\\\\\\\\\\ -->
<div class="row">
<!-- <<User Edit>> Replace bLayerOne with the LOWERCASE name of this buttons destination tab -->
<div tab="plex" class="hp-link col-sm-4 col-lg-4">
<div class="content-box green-bg" style="cursor: pointer;">
<!-- <<User Edit>> Replace btLayerOne with the Text you wish to display on this button -->
<h1 style="margin: 10px" class="text-uppercase text-center">Plex</h1>
<div class="clearfix"></div>
</div>
</div>
<!-- \\\\\\\\\\\\\\\\\\\\\\\ Button One /////////////////////// -->
<!-- /////////////////////// Button Two \\\\\\\\\\\\\\\\\\\\\\\ -->
<!-- <<User Edit>> Replace bLayerTwo with the LOWERCASE name of this buttons destination tab -->
<div tab="ombi" class="hp-link col-sm-4 col-lg-4">
<div class="content-box green-bg" style="cursor: pointer;">
<!-- <<User Edit>> Replace btLayerTwo with the Text you wish to display on this button -->
<h1 style="margin: 10px" class="text-uppercase text-center">Request Show/Movie</h1>
<div class="clearfix"></div>
</div>
</div>
<!-- \\\\\\\\\\\\\\\\\\\\\\\ Button Two /////////////////////// -->
<!-- /////////////////////// Button Three \\\\\\\\\\\\\\\\\\\\\\\ -->

<!-- <<User Edit>> Replace bLayerThree with the LOWERCASE name of this buttons destination tab -->
<div tab="chat" class="hp-link col-sm-4 col-lg-4">
<div class="content-box green-bg" style="cursor: pointer;">
<!-- <<User Edit>> Replace btLayerThree with the Text you wish to display on this button -->
<h1 style="margin: 10px" class="text-uppercase text-center">Chat</h1>
<div class="clearfix"></div>
</div>
</div>
<!-- \\\\\\\\\\\\\\\\\\\\\\\ Button Three /////////////////////// -->
</div>
<script>
$('.hp-link').click(function(e){
window.parent.$("li[name='"+$(this).attr('tab')+"']").click();
e.preventDefault();
});
</script>
<!-- __ ___ _ __ __ _ _ -->
<!-- \ \ / (_)__| |___ | \/ |___ __| |_ _| |___ -->
<!-- \ \/\/ /| / _` / -_) | |\/| / _ \/ _` | || | / -_) -->
<!-- \_/\_/ |_\__,_\___| |_| |_\___/\__,_|\_,_|_\___| -->

For more add-ons go here: https://github.com/leram84/layer.Cake/tree/master/Add-Ons

W.

Weyland

Share

%d bloggers like this: