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.

Next Post Previous Post

Blog Comments powered by Disqus.