Skip to content

iApply Workbench Material Design by doublehelix

Write a review Install Get Stylus

Details

Authordoublehelix

LicenseNo License

Categoryiapply

Created

Updated

Size74 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A material inspired design for the iApply Workbench

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           iApply Workbench Material Design
@namespace      USO Archive
@author         doublehelix
@description    `A material inspired design for the iApply Workbench`
@version        20210820.4.12
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
/* ==UserStyle==
@name           iApply Workbench Material Design
@namespace      USO Archive
@author         doublehelix
@description    `A material inspired design for the iApply Workbench`
@version        20181231.1.11
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document regexp("^https?://(.+\\.)?(i?apply[\\.\\-]?)[^\\/]+(\\/.+)?\\/workbench\\/.*$") {
/*     body { background-color: #222; color: #fff; } */

body {
    background-color: #eee;
    padding-bottom: 0;
}
footer {
    margin-bottom: 50px;
}

.workbench-body {
    height: 100vh;
    background: #eee;
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1442405740009-7b57cca9d316?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=8ad0e3579b66e754924530ded828521b'); */
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1514565131-fce0801e5785?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1856&q=80'); */
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1496568816309-51d7c20e3b21?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2062&q=80'); */
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1520052205864-92d242b3a76b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1738&q=80'); */
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1531219572328-a0171b4448a3?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80'); */
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1505689069897-85606c8ff3d8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1780&q=80'); */
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1503642551022-c011aafb3c88?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80'); */
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/flagged/photo-1557533046-154fc97b729f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1024&q=80'); */
/*     background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1541417904950-b855846fe074?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1682&q=80'); */
    background: #fafafa center center no-repeat fixed url('https://images.unsplash.com/photo-1535262412227-85541e910204?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2669&q=80');
/*     background: #fafafa center center no-repeat fixed url(''); */
/*     background: #fafafa center center no-repeat fixed url(''); */
/*     background: #fafafa center center no-repeat fixed url(''); */
/*     background: #fafafa center center no-repeat fixed url(''); */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
jhtmlarea {
    background: none;
}
.page-header {
    background: rgba(255, 255, 255, 0.75);
    /* border-bottom: 2px inset #6082B6; */
    
    border-bottom: 1px solid #999;
    margin-bottom: 2em;
    position: relative;
    padding-bottom: 1em;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
/***** MAIN MENU (Top-right tabs) *****/

.main-menu > li > a.active {
    background-color: #fff;
    border: 1px solid #155a9b;
}
.main-menu > li > a:hover {
    background-color: #fff;
    /* #efefef; */
    
    border: 1px solid #ccc;
}
.main-menu > li > a {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    margin-left: 5px;
}
.main-menu > li > a,
.footer-menu > li > a {
    display: block;
    line-height: 2.5em;
    padding: 0 1em;
    color: #155a9b;
    text-decoration: none;
    outline: none;
}
.page-footer,
.footer-menu > li > a {
    line-height: 0.75em;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 1em;
}
.footer-menu > li > a:hover {
    color: #0F0;
}
.panel-heading {
    margin-bottom: 0;
    height: 32px;
    line-height: 32px;
}
/** EDIT FORM **/
/* Container outlines */

.ui-widget-header,
.tab-content .ui-widget-header,
.tab-content .ui-widget-content {
    border: none;
}
/* Input boxes */

.tab-content .ui-widget-content.ui-autocomplete-input {
    border: 1px solid #bbb;
}
/* Footer box and inputs */

.form-edit-action-toolbar {
    border: 1px solid #999;
    border-bottom: none;
}
/* UI buttons and container headings */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #106CC8;
    color: #fff;
}
.ui-tabs {
    padding: 0;
}
.ui-tabs-nav.ui-widget-header { }

/* EDIT FORM: page tabs */

.ui-tabs-nav .ui-state-default {
    background: #eee;
    border: 1px solid #bbb;
    border-radius: 0;
    margin: 4px 8px 6px 0 !important;
}
.ui-tabs-nav .ui-state-hover {
    background: #fff;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 1px !important;
}
.ui-tabs-nav .ui-state-default a,
.ui-tabs-nav .ui-state-default a:link,
.ui-tabs-nav .ui-state-default a:visited {
    color: #666;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
}
/* EDIT FORM CONTAINERS */
/* Toolbox/Page nav buttons */

.tab-content .ui-state-default,
.tab-content .ui-widget-content .ui-state-default,
.tab-content .ui-widget-header .ui-state-default {
    border: 1px solid #aaa;
    background: #eee;
    font-weight: normal;
    color: #222;
}
.tab-section .tab-section-heading {
    border: none;
}
/* Toolbox/Page nav buttons (hover) */

.tab-content .ui-state-hover,
.tab-content .ui-widget-content .ui-state-hover,
.tab-content .ui-widget-header .ui-state-hover {
    background-color: #fff;
}
.tab-content .ui-tabs-nav .ui-state-default,
.tab-content .ui-tabs-nav .ui-state-active {
}
/* General UI Buttons (active state) */

.tab-content .ui-state-active,
.tab-content .ui-widget-content .ui-state-active,
.tab-content .ui-widget-header .ui-state-active {
    background-color: #106CC8;
    color: #fff;
    border: 1px solid #003C98;
}
.grouped-input-container .grouped-input-first,
.grouped-input-container .grouped-input-last,
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-top,
.ui-corner-left,
.ui-corner-right,
.ui-corner-bl,
.ui-corner-tl,
.ui-corner-br,
.ui-corner-tr,
.tab-content .ui-corner-all,
.tab-content .ui-corner-bottom,
.tab-content .ui-corner-top,
.tab-content .ui-corner-left,
.tab-content .ui-corner-right,
.tab-content .ui-corner-bl,
.tab-content .ui-corner-br,
.tab-content .ui-corner-tl,
.tab-content .ui-corner-tr {
    border-radius: 0;
}

.tab-content .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #fff;
    border: 1px solid #444;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #222;
}
/***** TOOLBOX *****/

.toolbox .toolbox-content {
    padding: 0 0 1% 1%;
}
.toolbox-item {
    margin: 1% 1% 0 0;
    width: 49%;
    border: 1px solid #aaa;
    background: #fff;
}
.toolbox-item:nth-last-child(-n+1) {
    border: 1px solid #aaa;
}
.toolbox-item:hover {
    border: 1px solid #66c;
    box-shadow: 0 0 2px rgba(0, 0, 255, 0.3);
}
/*     .page-tabs > ul.ui-tabs-nav { background: #106CC8; } */

.toolbox .toolbox-content,
.page-tabs.ui-widget-content {
/*     border: none; */
    background: #eee;
    border: 1px solid #aaa;
}
.toolbox .ui-tabs-nav.ui-widget-header {
    border: 1px solid #aaa;
    border-bottom: none;
}
.page-tabs .ui-tabs-nav.ui-widget-header {
    border-bottom: 1px solid #aaa;
}
/***** CONTROL LIST *****/
/* New page button */

.new-page-tab {
    background-color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    width: 31px;
    height: 31px;
    margin-left: 10px !important;
}
.new-page-tab.ui-state-hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5) !important;
}
.new-page-tab .ui-tabs-anchor {
    padding: 7px 10px !important;
    /* .5em 1em; */
}
.new-page-tab a .fa {
    margin: 0;
}
#preview-control-list .sub-container {
    background: #fff;
    border: 1px solid #bbb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
/* Hovered item */

#preview-control-list .sub-container.control-preview-hover {
    border: 1px solid #666;
}
/* Selected control item */

#preview-control-list .control-preview-active,
#preview-control-list .control-preview-active.control-preview-hover,
#preview-control-list .control-preview-active-template {
    background-color: #fff;
    border: 1px solid #66c;
    box-shadow: 0 1px 6px rgba(0, 0, 255, 0.5);
}
/*********************************/
/* CONTROL/PAGE EDITOR CONTAINER */
/*********************************/

#editor-container,
#editor-container > div {
    box-sizing: border-box;
}
#editor-container {
    background: #eee;
    padding: 10px;
    margin-top: 0;
}
#editor-container > div {
    background: #fff;
    padding: 10px;
    border: 1px solid #aaa;
}
#editor-container > div > .title {
    top: 0;
    padding-left: 0;
    font-size: 1.6em;
}
#editor-tabs {
    top: 28px;
}
.popout-tabs .popout-tabs-item {
    margin-top: -1px;
    margin-left: -11px;
    border-left: none;
    max-width: 119px;
}
.popout-tabs .popout-tabs-item.active {
    margin-left: -12px;
    min-width: 21px;
    /*         min-width: 120px; */
}
.calculator-expression,
.calculator-expression[readonly] {
    /*
       ...

Reviews

No reviews yet.