ford.lambert / xa_ice_blue_theme

// ==UserScript==
// @name xa_ice_blue_theme
// @description Colored blue theme
// @version  0.43.06
// @require https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
// @require https://raw.githubusercontent.com/JDMcKinstry/jQuery.winFocus/master/jquery.winFocus.js
// @include /^https://.*-des\.f.v..d\.com//
// @license MIT
// @updateURL https://openuserjs.org/meta/ford.lambert/xa_ice_blue_theme.meta.js
// @downloadURL https://openuserjs.org/install/ford.lambert/xa_ice_blue_theme.user.js
// ==/UserScript==
// ==OpenUserJS==
// @author ford.lambert
// ==/OpenUserJS==
// jshint esversion: 6
// jshint jquery: true
// globals $, jQuery

(function(jQuery) {
    'use strict';
    jQuery.noConflict(); // do not use $ bdecause it's also used by Prototype
    console.log(`%c Loading Ice Blue Theme (designed for lean_)`, 'color: #38C4CC')
    
    const addCss = (css) => {
        const node = document.createElement("style");
    	node.type = "text/css";
    	node.appendChild(document.createTextNode(css));
    	const heads = document.getElementsByTagName("head");
    	if (heads.length > 0) {
    		heads[0].appendChild(node);
    	} else {
    		console.log('no head detected to append ice blue theme')
    		document.appendChild(node);
    	}
    }

    (function() {
        let css = "";
    	css += [
    		"/*",
    		"	Navbar and aside background-color: #26094B",
    		"	Main sharp color: #514C8F",
    		"	clearer main color: rgba(38, 9, 75, 0.5)",
    		"	darker main color: #1f073d",
    		"	",
    		"	Dark grey: #505061 (for selected elements)",
    		"	medium-grey: #c3c3c3 (for hover)",
    		"	light-grey: #F2F2F2 (for background)",
    		"	*/",
    		"	",
    		"	/* ----- Designer \"body\" ----- */",
    		"	.tree_parts FIELDSET.if>SPAN, .tree_parts FIELDSET.unless>SPAN, .tree_parts FIELDSET.if>FIELDSET, .tree_parts FIELDSET.unless>FIELDSET {",
    		"    	width: auto;",
    		"	}",
    		"",
    		"        #diagnostic {",
    		"            display: none;",
    		"        }",
    		"  ",
    		"        #quality_report {",
    		"            display: none;",
    		"        }",
    		"  ",
    		"	a, a:visited {",
    		"	    color: #514C8F;",
    		"	}",
    		"	",
    		"	a:hover {",
    		"	    color: #1f073d;",
    		"	}",
    		"	",
    		"	.tasks {",
    		"	    background-color: white;",
    		"	}",
    		"	",
    		"	option[selected='selected'] {",
    		"	    background-color: rgb(208,200,200);",
    		"	}",
    		"	",
    		"	/* ----- Designer Navbar ----- */",
    		"	",
    		"	#header h1 {",
    		"	    display: none;",
    		"	}",
    		"  ",
    		"    .sub-title {",
    		"        position: absolute;",
    		"        left: 15px;",
    		"        bottom: 0;",
    		"        font-size: 1.1em; ",
    		"    }",
    		"	",
    		"	#copyr {",
    		"		top: 55px !important;",
    		"	    left: 10px !important;",
    		"            color: white !important;",
    		"	}",
    		"    #restored-copyr {",
    		"        top: 70px !important;",
    		"        left: 10px !important;",
    		"        font-size: 9pt;",
    		"        font-weight: normal;",
    		"        position: absolute; ",
    		"    }",
    		"  ",
    		"  #login {",
    		"	margin-right: 25px !important;",
    		"    font-size: 1.1em !important;	",
    		"}",
    		"",
    		"#login a {",
    		"	color: white !important;",
    		"	text-decoration: underline;",
    		"}",
    		"",
    		"#login a i {",
    		"	margin-right: 5px;",
    		"}",
    		"  ",
    		"  .working-on a {",
    		"       color: orange !important; ",
    		"  }",
    		"	",
    		"	.default {",
    		"		background-image: url(http://storage.gra.cloud.ovh.net/v1/AUTH_0b4eb0b702894162b8bcdc31088fb7dd/hexa-public/designer_customizations/default.png) !important;",
    		"	}",
    		"	",
    		"	.ready {",
    		"		background-image: url(http://storage.gra.cloud.ovh.net/v1/AUTH_0b4eb0b702894162b8bcdc31088fb7dd/hexa-public/designer_customizations/ready.png) !important;",
    		"	}",
    		"	",
    		"	.waiting {",
    		"		background-image: url(http://storage.gra.cloud.ovh.net/v1/AUTH_0b4eb0b702894162b8bcdc31088fb7dd/hexa-public/designer_customizations/waiting.png) !important;",
    		"	}",
    		"	",
    		"	.running {",
    		"		background-image: url(http://storage.gra.cloud.ovh.net/v1/AUTH_0b4eb0b702894162b8bcdc31088fb7dd/hexa-public/designer_customizations/running.png) !important;",
    		"	}",
    		"	",
    		"	#header #title {",
    		"	    cursor: pointer;",
    		"	    width: 200px;",
    		"	    margin-top: 5px;",
    		"	    padding: 0;",
    		"	    height: 60px;/*100%;*/",
    		"	}",
    		"	",
    		"	#header .management .slide {",
    		"	    border-color: #26094B;",
    		"	}",
    		"	",
    		"	#header .icon-chevron-left {",
    		"	    display: none;",
    		"	}",
    		"	",
    		"	#header a {",
    		"	    color: #514C8F;",
    		"	}",
    		"	",
    		"	#header {",
    		"	    height: 90px;",
    		"	    background-color: #26094B;",
    		"	    background-image: none;",
    		"	    color: white;",
    		"	    border: none;",
    		"	}",
    		"  ",
    		"  #header-elts {",
    		"       padding-top: 5px; ",
    		"  }",
    		"  ",
    		"   #header-elts #user-story-warning, #header-elts #working_on {",
    		"       font-size: 1.1em;",
    		"       font-weight: bold; ",
    		"   }",
    		"  ",
    		"   #header-elts #user-story-warning {",
    		"       color: #D04158;",
    		"   }",
    		"",
    		"        #gs_results {",
    		"            color: black;",
    		"            width: 500px;",
    		"            border: 1px solid black;",
    		"            opacity: 1 !important;",
    		"        }",
    		"",
    		"        #gs_results ul {",
    		"            width: auto !important;",
    		"        }",
    		"",
    		"        #gs_form ul li span {",
    		"            width: 12em;",
    		"        }",
    		"",
    		"        #gs_form ul li {",
    		"           padding: 4px;",
    		"        }",
    		"",
    		"        #gs_form ul li:nth-child(odd) {",
    		"            background-color: #f2f2f2;",
    		"        }",
    		"	",
    		"	#header .management {",
    		"	    margin-top: 5px;",
    		"	}",
    		"  ",
    		"   #account_menu_items {",
    		"     margin: 2px 3px 0 0;",
    		"	}",
    		"  ",
    		"   #account_menu_items ul {",
    		"     background-color: #26094B !important;",
    		"     border: 1px solid white;",
    		"	}",
    		"  ",
    		"#project_menu_table h3 {",
            "    border: 1px solid black;",
            "    color: black;",
            "    padding: 3px 0;",
            "	}",
            "  ",
            "#project_menu_table ul li a {",
            "    padding: 1.5px 0;",
            "	}",
    		"  ",
    		".management {",
    		"	margin: 0 10px 0 0 !important;",
    		"	width: auto;",
    		"	min-width: 160px;",
    		"	height: 40px;",
    		"   position: relative;",
    		"}",
    		"",
    		"body.tasks .management {",
    		"    position: initial;",
    		"}",
    		"",
    		".management h2 {",
    		"	margin: 0 !important;",
    		"	padding: 0;",
    		"	height: 100%;",
    		"	width: 100%;",
    		"	display: flex;",
    		"    align-items: center;",
    		"    justify-content: center;",
    		"}",
    		"",
    		"body:not(.tasks) .management .slide {",
    		"	height: 0 !important;",
    		"    top: 40px;",
    		"    right: -2px !important;",
    		"}",
    		"",
    		"body:not(.tasks) .management .slide {",
    		"    /*border: 1px solid red;*/",
    		"}",
    		"",
    		"body:not(.tasks) .management.open .slide {",
    		"	min-height: 100px !important;",
    		"	height: auto !important;",
    		"	border: 1px solid black !important;",
    		"	display: flex;",
    		"    align-items: center;",
    		"    justify-content: center;",
    		"    opacity: 1 !important;",
    		"}",
    		"",
    		"body:not(.tasks) .management.open #production_monitor {",
    		"	border-color: white !important;",
    		"}",
    		"",
    		"body:not(.tasks) .management.open .slide ul {",
    		"	margin: 0 !important;",
    		"	padding: 5px !important;",
    		"}",
    		"",
    		"body:not(.tasks) .management.open #recent_codes_slide li {",
    		"	padding: 0.5em !important;",
    		"}",
    		"",
    		"body:not(.tasks) .management.open #recent_codes_slide li a {",
    		"    white-space: nowrap;",
    		"}",
    		"	",
    		"	@media screen and (max-width: 1400px) {",
    		"	    #header .management {",
    		"	        width: 150px;",
    		"	    }",
    		"	",
    		"	    #header .management h2 {",
    		"	        font-size: 1.2em;",
    		"	    }",
    		"	}",
    		"	",
    		"	@media screen and (max-width: 1300px) {",
    		"	    #header .management {",
    		"	        width: 100px;",
    		"	        margin-top: 0;",
    		"	        margin-bottom: 10px;",
    		"	    }",
    		"	",
    		"	    #header .management h2 {",
    		"	        margin-bottom: 15px;",
    		"	    }",
    		"	}",
    		"	",
    		"	#global_search {",
    		"	    width: 250px;",
    		"	    margin-top: 10px;",
    		"	}",
    		"	",
    		"	#global_search_field {",
    		"	    text-align: center;",
    		"	}",
    		"	",
    		"	#header .management UL LI:hover {",
    		"	    background-color: transparent;",
    		"	}",
    		"	",
    		"	/* ----- Designer Navbar Sliding menus ----- */",
    		"	.slide {",
    		"	    background-color: white !important;",
    		"	}",
    		"	",
    		"	.slide ul {",
    		"	    background-color: transparent !important;",
    		"	}",
    		"	",
    		"	.slide ul li:hover {",
    		"	    background-color: #26094B !important;",
    		"	}",
    		"	",
    		"	.slide ul li:hover a {",
    		"	    color: white !important;",
    		"	}",
    		"	",
    		"	/* ----- Designer Navbar Production Monitor ----- */",
    		"	.current_tasks {",
    		"	    margin-top: 15px !important;",
    		"	}",
    		"	",
    		"	#production_monitor {",
    		"		background-color: #26094B !important;",
    		"	}",
    		"	",
    		"	/* ----- Designer Aside (Maveocs list) ----- */",
    		"	",
    		"	#menu {",
    		"	    background-color: #26094B;",
    		"	    border-right: 2px solid #26094B;",
    		"	    border-bottom: 2px solid #26094B;",
    		"	    margin: 0;",
    		"	    height: 93%;",
    		"	}",
    		"	",
    		"	#menu INPUT[type=search] {",
    		"	    width: 90%;",
    		"	    margin: 10px 5%;",
    		"	}",
    		"	",
    		"	#menu li {",
    		"	    background-color: #F2F2F2;",
    		"	}",
    		"	",
    		"	#menu h2.title {",
    		"	    background-color: #26094B;",
    		"	    border-top: 2px solid #26094B;",
    		"	    padding: 4px 0 6px 0;",
    		"	    font-size: 1.4em;",
    		"	}",
    		"	",
    		"	#menu h2.title a {",
    		"	    color: white;",
    		"	}",
    		"	",
    		"	#menu h2 {",
    		"	    color: white !important;",
    		"	}",
    		"	",
    		"	#menu h2.title a img {",
    		"	    display: none;",
    		"	}",
    		"	",
    		"	#menu h2.title a:nth-child(2) {",
    		"	    background-image: url(https://i.imgur.com/148iBR7.png);",
    		"	    margin-left: 5px;",
    		"	    border: 1px solid #514C8F;",
    		"	}",
    		"	",
    		"	#menu h2.title a:nth-child(2):hover {",
    		"	    background-image: url(https://i.imgur.com/m9y4oDe.png);",
    		"	}",
    		"	",
    		"	#menu h2.title a:nth-child(1) {",
    		"	    background-image: url(https://i.imgur.com/v8FqhF3.png);",
    		"	    margin-right: 5px;",
    		"	    border: 1px solid #514C8F;",
    		"	}",
    		"	",
    		"	#menu h2.title a:nth-child(1):hover {",
    		"	    background-image: url(https://i.imgur.com/14Bf3eA.png);",
    		"	}",
    		"	",
    		"	#menu h2.title a {",
    		"	    background-size: cover;",
    		"	    width: 16px;",
    		"	    height: 16px;",
    		"	    border-radius: 15%;",
    		"	}",
    		"    ",
    		"#menu .menu-element h2.title {",
            "    position: relative;",
            "}",
            "    ",
            "#menu .menu-element h2.title a.plus {",
            "    background-image: url(https://i.imgur.com/148iBR7.png);",
            "    visibility: visible;",
            "    position: absolute;",
            "    left: 5px;",
            "    top: 4px;",
            "    width: 16px;",
            "}",
            "    ",
            "#menu .menu-element h2.title a.plus::before, #menu .menu-element h2.title a.plus::after {",
            "    display: none;",
            "}",
            "    ",
            "#menu .menu-element h2.title a.status_, #menu .menu-element h2.title a[accesskey='1'] {",
            "    border-color: transparent;",
            "    width: 100%;",
            "    padding-left: 2.5%;",
            "    margin: 0;",
            "    text-align: center;",
            "    background-color: transparent;",
            "    background-image: none;",
            "}",
            "    ",
            "#menu .menu-element h2.title a.diagram {",
            "	 background-image: url(https://i.imgur.com/v8FqhF3.png);",
            "    color: transparent;",
            "    visibility: visible;",
            "    position: absolute;",
            "    right: 5px;",
            "    top: 3px;",
            "    width: 16px;",
            "    height: 14px;",
            "    background-color: white;",
            "    padding: 4px 1px 0 0;",
            "    text-align: center;",
            "}",
    		"	",
    		"	#menu .in_use, #menu li:hover {",
    		"	    background-color: #c3c3c3;",
    		"	}",
    		"	",
    		"	#menu li:hover a {",
    		"	    color: black;   ",
    		"	}",
    		"	",
    		"	#menu .in_use a {",
    		"	    color: white;   ",
    		"	}",
    		"	",
    		"	#menu .in_use:hover a {",
    		"	    color: black;",
    		"	}",
    		"	",
    		"	.search {",
    		"	    text-align: center;",
    		"	}",
    		"	",
    		"	/* ----- Designer buttons and inputs ----- */",
    		"	",
    		"	#edit_save_form_submit, #update_form_submit, #continue_editing_form_submit, a[href=\"/javascripts/new?\"], a[href=\"/js_groups/new\"], a[href=\"/style_variables/new?\"] {",
    		"	    background-color: white;",
    		"	    color: #514C8F;",
    		"	    border: 1px solid #514C8F;",
    		"	    border-radius: 0px;",
    		"	    padding: 7px;",
    		"	    margin-left: 10px;",
    		"	    margin-bottom: 10px;",
    		"	    cursor: pointer;",
    		"	}",
    		"	",
    		"	#edit_save_form_submit:hover, #update_form_submit:hover, a[href=\"/javascripts/new?\"]:hover, a[href=\"/js_groups/new\"]:hover, a[href=\"/style_variables/new?\"]:hover {",
    		"	    background-color: #514C8F;",
    		"	    color: white;",
    		"	}",
    		"	",
    		"	a[href=\"/javascripts/new?\"], a[href=\"/js_groups/new\"], a[href=\"/style_variables/new?\"] {",
    		"	    margin-top: -20px;",
    		"	    position: absolute;",
    		"	    text-decoration: none;",
    		"	}",
    		"	",
    		"	a[href=\"/js_groups/new\"] {",
    		"	    margin-top: -10px;",
    		"	}",
    		"	",
    		"	button, input[type=\"submit\"], input[type=\"reset\"] {",
    		"	    background-color: white;",
    		"	    color: #514C8F;",
    		"	    border: 1px solid #514C8F;",
    		"	    border-radius: 0px;",
    		"	    cursor: pointer;",
    		"	    margin: 5px 0;",
    		"	    padding: 4px;",
    		"	}",
    		"	",
    		"	button:hover, #continue_editing_form_submit:hover, input[type=\"submit\"]:hover, input[type=\"reset\"]:hover {",
    		"	    background-color: #514C8F;",
    		"	    color: white;",
    		"	}",
    		"	",
    		"	a[href=\"/javascripts/new?\"] img, a[href=\"/js_groups/new\"] img, a[href=\"/style_variables/new?\"] img{",
    		"	    display: none;",
    		"	}",
    		"	",
    		"	/* ----- Designers tabs (everywhere) ----- */",
    		"	.tabs li a {",
    		"	    color: black;",
    		"	}",
    		"	",
    		"	.tabs li.current {",
    		"	    border: 1px solid #514C8F;",
    		"	    background-color: rgba(38, 9, 75, 0.5);",
    		"	    color: white;",
    		"	}",
    		"	",
    		"	.tabs li.current a {",
    		"	    color: white;",
    		"	}",
    		"	",
    		"	.tabs li:hover {",
    		"	    background-color: rgba(38, 9, 75, 0.2)",
    		"	}",
    		"	",
    		"	.tabs li:hover a {",
    		"	    color: white;   ",
    		"	}",
    		"	",
    		"	/* ----- Designer Stylesheet Editor ----- */",
    		"   ",
            "   #edit_style fieldset[id$='_preview_box'], #edit_style fieldset[id$='_preview_live'] {",
            "      display: none;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] {",
            "      height: 83vh;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] div[id$='_code_ace'] {",
            "      height: 70vh !important;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] .ace-toolbar {",
            "      min-height: 25px !important;",
            "      border: 1px solid black;",
            "      font-size: 1.2em;",
            "      padding: 0;",
            "      display: flex;",
            "      align-items: center;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] .ace-toolbar li {",
            "      min-height: 100%;",
            "      width: 15%;",
            "      display: flex;",
            "      align-items: center;",
            "      justify-content: center;",
            "      margin: 0;",
            "      padding: 0px 5px;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] .ace-toolbar li:hover {",
            "      background-color: #514C8F;",
            "      color: white;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] .ace-toolbar li:hover a {",
            "      color: white;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] .ace-toolbar li:nth-child(n+5) {",
            "       width: 20%;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] .ace-toolbar li:nth-child(n+5):hover {",
            "      background-color: transparent;",
            "      color: black;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] .ace-toolbar li a {",
            "      height: 100%;",
            "      display: flex;",
            "      align-items: center;",
            "      justify-content: center;",
            "   }",
            "   ",
            "   #edit_style fieldset[id$='_root_container'] .ace-toolbar li a:hover {",
            "      background-color: #514C8F;",
            "      color: white;",
            "   }",
            "   ",
    		"	#pick_style {",
    		"	    position: relative;",
    		"	}",
    		"	",
    		"	#pick_style > a {",
    		"	    font-size: 1.8em;",
    		"	    position: absolute;",
    		"	    top: 100px;",
    		"	    display: block;",
    		"	    padding: 10px;",
    		"	    border: 2px solid #514C8F;",
    		"	    color: #514C8F;",
    		"	    text-decoration: none;",
    		"	    left: 0; ",
    		"	    right: 0; ",
    		"	    margin-left: auto; ",
    		"	    margin-right: auto; ",
    		"	    width: auto;",
    		"	    text-align: center;",
    		"	    margin: 0 20px;",
    		"	}",
    		"	",
    		"	#pick_style > a:hover {",
    		"	    color: white;",
    		"	    background-color: #514C8F;",
    		"	}",
    		"	",
    		"	#styles a:hover {",
    		"	    background-color: rgba(38, 9, 75, 0.2) !important;",
    		"	}",
    		"	",
    		"	#pick_style > a img {",
    		"	    display: none;  ",
    		"	}",
    		"	",
    		"	#stylesheet div {",
    		"	    display: flex;",
    		"	    flex-direction: column;",
    		"	}",
    		"	",
    		"	#stylesheet .not-aligned {",
    		"	    margin-top: 70px !important;",
    		"	    order: 3;",
    		"	}",
    		"	",
    		"	.tabs_content .ace-chrome, .tabs_content .ace_text-input {",
    		"	    height: 60vh !important;",
    		"	}",
    		"	",
    		"	/* */",
    		"	",
    		"	",
    		"	#page_content {",
    		"	    border: 2px solid #26094B;",
    		"	}",
    		"	",
    		"	#page_content H2.title {",
    		"	    padding: 10px;",
    		"	}",
    		"	",
    		"	/* ----- Designer Tables style ----- */",
    		"	",
    		"	.tabs_content table caption, .tabs_content table thead tr {",
    		"	    background-color: #F2F2F2 !important;",
    		"	    background-image: none !important;",
    		"	    color: black !important;",
    		"	    border: 1px solid #514C8F !important;",
    		"	    padding: 5px;",
    		"	    margin-left: 0;",
    		"	}",
    		"	",
    		"    .shared_and_spec tbody tr td {",
            "        vertical-align: top;",
            "   }",
    		"	",
    		"	.tabs_content table caption {",
    		"	    border-bottom: none !important;",
    		"	}",
    		"	",
    		"	.tabs_content table thead tr th {",
    		"	    background-color: #F2F2F2 !important;",
    		"	    background-image: none !important;",
    		"	    padding: 5px;",
    		"	    border-bottom: 1px solid #514C8F !important;",
    		"	}",
    		"	",
    		"	.tabs_content table {",
    		"	    border: 1px solid #514C8F !important;",
    		"	}",
    		"	",
    		"	#shared_views_td table, #specific_views_td table, #cached_views_td table, #view_helpers_shared, #view_helpers_specific, #view_tests_shared, #view_tests_specific, #model_logics_shared, #model_logics_specific, #named_scopes_shared, #named_scopes_specific, #model_constants_shared, #model_constants_specific, #model_tests_shared, #model_tests_specific, #aktions_shared, #aktions_specific, #notifications_shared, #notifications_specific, #web_client_apis_shared, #web_client_apis_specific, #controller_tests_shared, #controller_tests_specific, #validations_specific, #field_logics_specific, #field_attributes_specific, #maveoc_attributes_specific {",
    		"	    border: none !important;",
    		"	}",
    		"	",
    		"	#root_container_div DIV:hover {",
    		"	    border: 1px solid #514C8F;",
    		"	    background-color: rgba(38, 9, 75, 0.2);",
    		"	}",
    		"	",
    		"	.tabs_content table table th:hover {",
    		"	    background-color: rgba(38, 9, 75, 0.2) !important;",
    		"	}",
    		"	",
    		"	.tabs_content table table th:hover a {",
    		"	    color: black !important;",
    		"	}",
    		"	",
    		"	/* ----- Code and visual editors ----- */",
    		"	",
    		"	.drag_objects {",
    		"	    padding-top: 15px !important;",
    		"	}",
    		"	",
    		"	.drag_objects .field_objects {",
    		"	    background-image: none;",
    		"	    background-color: #F2F2F2;",
    		"	}",
    		"	",
    		"	.drag_objects .field_objects:hover {",
    		"	    border-color: #514C8F;",
    		"	    background-color: rgba(38, 9, 75, 0.2);",
    		"	    color: black;",
    		"	}",
    		"	",
    		"	.field_views_table TBODY TR:hover, .shared_and_spec th[class^=status]:hover {",
    		"	    background-color: rgba(38, 9, 75, 0.2);",
    		"	}",
    		"	",
    		"	.shared_and_spec th[class^=status]:hover a {",
    		"	    color: black;",
    		"	}",
    		"	",
    		"	/* ----- Css and Js editors ------ */",
    		"	",
    		"	#style_variables_table {",
    		"	    width: 100%;",
    		"	}",
    		"	",
    		"	#style_variables_table th, #style_variables_table td {",
    		"	    padding: 5px;",
    		"	}",
    		"	",
    		"	#javascripts_list, #js_functions_fs, #style_variables_list {",
    		"	    margin-bottom: 40px;",
    		"	}",
    		"	",
    		"	/* ------ Layout editor ------ */",
    		"	#layouts_filter_form fieldset {",
    		"	    height: 100px;",
    		"	}"
    	].join("\n");
    css += [
    		"/*----- Home page -----*/",
    		".tabs_content ul.ace-toolbar li {",
    		"	font-size: 1.1em !important;",
    		"}",
    		"",
    		".tabs_content ul.ace-toolbar li select {",
    		"	font-size: 1em important;",
    		"}",
    		"",
    		" User Dashboard ",
    		".tasks .title {",
    		"	background-color: #26094B;",
    		"    color: white;",
    		"    margin: 0;",
    		"}",
    		"",
    		".tasks .help {",
    		"	padding: 5px 0;",
    		"    text-align: center;",
    		"    font-size: 1.2em;",
    		"}",
    		"",
    		".tasks .tabs {",
    		"	width: 100%;",
    		"    display: block;",
    		"    margin: 0;",
    		"    padding: 0;",
    		"    border-bottom: 1px solid black;",
    		"    height: 25px;",
    		"    overflow: hidden;",
    		"}",
    		"",
    		".tasks .tabs li {",
    		"	height: 25px;",
    		"    width: 80px;",
    		"    text-align: center;",
    		"    margin: 0 5px;",
    		"    position: relative;",
    		"    transition: all 0.5s ease-out;",
    		"}",
    		"",
    		".tasks .tabs li:hover {",
    		"	border: 1px solid black;",
    		"}",
    		"",
    		".tasks .tabs .current {",
    		"	background-color: rgba(38, 9, 75, 0.5);",
    		"}",
    		"",
    		".tasks .tabs li a {",
    		"    position: absolute;",
    		"    top: 4px;",
    		"    width: 100%;",
    		"    left: 0;",
    		"    margin: 0;",
    		"    padding: 0;",
    		"}",
    		"",
    		".tasks #dash_menu {",
    		"	padding: 0 10% 0 0;",
    		"    width: 15%;",
    		"}",
    		"",
    		".tasks #dash_menu h3 {",
    		"	border-bottom: 1px solid #26094B;",
    		"	font-size: 1.2em;",
    		"}",
    		"",
    		".tasks #dash_menu h3 img {",
    		"	display: none;",
    		"}",
    		"",
    		".tasks #dash_menu li img {",
    		"	display: none;",
    		"}",
    		"",
    		".tasks #dash_menu li a {",
    		"	font-size: 1.1em;",
    		"}",
    		"",
    		".content .tabs_content {",
    		"	padding: 0;",
    		"	border: 1px solid #26094B;",
    		"    border-radius: 5px 5px 0 0;",
    		"}",
    		"",
    		".content .tabs_content h3  {",
    		"	padding: 5px 15px;",
    		"    border-bottom: 1px solid #26094B;",
    		"}",
    		"",
    		".content .tabs_content h3 img {",
    		"	display: none;",
    		"}",
    		"",
    		".container_tabs ul {",
    		"	height: auto !important;",
    		"}",
    		"",
    		".working-on {",
    		"	  margin-right: 25px;",
    		"}",
    		"",
    		"#header-elts {",
    		"	text-align: right;",
    		"}",
    		"",
    		"/* v2 */",
    		".tabs_content {",
    		"	margin: 0 10px;",
    		"	border: none !important;",
    		"}",
    		"",
    		".tabs_content > fieldset {",
    		"	padding: 0;",
    		"	margin: 0;",
    		"}",
    		"",
    		".tabs_content > fieldset fieldset {",
    		"    margin: 0 0 20px 0;",
    		"}",
    		"",
    		".content .tabs_content .shared_and_spec caption {",
    		"	background-color: #26094B !important;",
    		"    color: white !important;",
    		"    font-style: normal;",
    		"    font-size: 1.2em;",
    		"    padding: 7px;",
    		"}",
    		"",
    		".tabs_content .grp {",
    		"	background-color: rgba(69, 113, 147, 0.2);",
    		"	color: black;",
    		"}",
    		"",
    		"caption img , caption i{",
    		"	padding: 2px;",
    		"	background-color: white;",
    		"	border: 1px solid black;",
    		"	border-radius: 25%;",
    		"}",
    		"",
    		"caption .trashed {",
    		"	padding: 0 !important;",
    		"	border: none !important;",
    		"}",
    		"",
    		"caption .trashed i {",
    		"	height: 14px;",
    		"    width: 14px;",
    		"    padding: 3.5px;",
    		"}",
    		"",
    		"caption .icon-cloud-download {",
    		"	height: 15px;",
    		"    width: 18px;",
    		"    padding-top: 5px;",
    		"    padding-right: 0;",
    		"}",
    		"",
    		"#mvc_tabs li {",
    		"	padding: 3px;",
    		"    margin: 5px 5px -1px 5px;",
    		"    border-color: #26094B;",
    		"    border-bottom-color: black;",
    		"}",
    		"",
    		"#mvc_tabs .model {",
    		"	margin-left: 10px;",
    		"}",
    		"",
    		"#mvc_tabs .target_app {",
    		"	margin-right: 10px;",
    		"}",
    		"",
    		"table {",
    		"	box-shadow: none !important;",
    		"}",
    		"",
    		".bundled {",
    		"	min-height: 10px;",
    		"}",
    		"",
    		".page_content .title {",
    		"	",
    		"}",
    		"",
    		".propositions, .specify, .linker {",
    		"	background-color: rgba(69, 113, 147, 0.2);",
    		"    padding: 3px !important;",
    		"    color: black !important;",
    		"    transition: transform 1.00s ease-in-out;",
    		"    font-weight: normal;",
    		"}",
    		"",
    		".propositions i, .specify i, .linker i {",
    		"	font-weight: normal;",
    		"}",
    		"",
    		"#field_trash, #pasteboard {",
    		"	display: inline-block !important;",
    		"}",
    		"",
    		"#field_trash {",
    		"	margin-right: 20px;",
    		"}",
    		"",
    		"#root_container_div {",
    		"	box-shadow: none;",
    		"	border: none;",
    		"}",
    		"",
    		"#root_container_div fieldset:nth-child(even) {",
    		"	background-color: rgba(69, 113, 147, 0.1);",
    		"}",
    		"",
    		"#root_container_div fieldset legend {",
    		"	font-weight: bold;",
    		"	text-decoration: underline;",
    		"}",
    		"",
    		"caption #field_validations, caption .specify, caption .propositions, caption #field_field_attributes, caption .maveoc_attributes {",
    		"	background-color: white;",
    		"    padding: 0 3px 0 0 !important;",
    		"    border: none;",
    		"    margin-top: 2px;",
    		"}",
    		"",
    		"caption #field_validations img, caption .specify i, caption .propositions i, caption #field_field_attributes img, caption .maveoc_attributes img {",
    		"	border: none;",
    		"	height: 13px;",
    		"}",
    		"",
    		"caption .specify {",
    		"	margin: 2px 3px 0 0;",
    		"}",
    		"",
    		".fields form fieldset {",
    		"	border: 1px solid #888 !important;",
    		"	margin: 0 !important;",
    		"}",
    		"",
    		"caption img:hover, caption i:hover {",
    		"	filter: hue-rotate(90deg);",
    		"	text-decoration: none;",
    		"}",
    		"",
    		"/* Modals */",
    		"#fav_modal {",
    		"	padding: 0 !important;",
    		"	overflow: hidden;",
    		"    padding-bottom: 20px !important;",
    		"}",
    		"",
    		"#fav_modal .title {",
    		"	font-size: 1.4em;",
    		"	padding: 5px;",
    		"	background-color: #26094B;",
    		"	color: white;",
    		"}",
    		"",
    		"#fav_modal .title img {",
    		"	display: none;",
    		"}",
    		"",
    		"#fav_modal .close_modal {",
    		"	color: white;",
    		"}",
    		"",
    		"#modal_content {",
    		"	padding: 25px;",
    		"}",
    		"",
    		"#modal_content form > label {",
    		"	margin-bottom: 15px;",
    		"}",
    		"",
    		"#modal_content legend {",
    		"	background-color: #26094b;",
    		"	color: white;",
    		"}",
    		"",
    		"#modal_content ul li:nth-child(even) {",
    		"	background-color: rgba(69, 113, 147, 0.1);",
    		"}",
    		"",
    		"#modal_content .propositions {",
    		"	background-color: white;",
    		"}",
    		"",
    		"#editor_selector {",
    		"	margin-top: 15px;",
    		"}",
    		"",
    		"#editor_selector li {",
    		"	display: inline-block;",
    		"	padding: 3px;",
    		"	margin-bottom: -1px;",
    		"	border-bottom-color: black;",
    		"}",
    		"",
    		"#editor_selector .tabs_content {",
    		"	border: 1px solid #26094B !important;",
    		"	border-radius: 0;",
    		"}",
    		"",
    		".icon_selector .linker {",
    		"	background: linear-gradient(to bottom,#F0F0F0 0,#DDD 100%);",
    		"	padding: 0 !important;",
    		"}"
    	].join("\n");
        addCss(css);
    })();
})(jQuery);