Stag app theme #1

app/Console/Commands/GenerateTreeCommand.php

@@ -648,7 +648,7 @@ class GenController {
             $subLinks[] = ($meth->show ? "@if(\$record->{$meth->show}) " : "") .
                 "<a " .
                 "href='/{$controller->parentControllerName}/view/<?= \$record->uid ?>/{$meth->name}' " .
-                "class='d-block px-3 py-2 border-bottom " .
+                "class='d-block px-3 py-2 border-bottom stag-sublink " .
                 "{{ request()->route()->getActionMethod() === '{$meth->name}' ? 'bg-secondary text-white font-weight-bold' : '' }}" .
                 (
                     $meth->name === 'SUB_dashboard' ?

generatecv/tree-templates/add_new.template.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>_NAME_: _ADD_TITLE_</div>
         <div class="ml-auto">
             <a class="text-secondary" href="{{route('_BACK_ROUTE_')}}" up-close>

generatecv/tree-templates/dashboard.template.blade.php

@@ -1,7 +1,7 @@
 <div class="row mt-3">
     <div class="col-8">
 
-        <div class="table-responsive p-0 bg-white table-sm">
+        <div class="table-responsive p-0 bg-white table-sm stag-table border-top">
             <table class="table table-hover text-nowrap table-striped border-left border-right border-bottom">
                 <thead>
                 <tr>

generatecv/tree-templates/index.template.blade.php

@@ -1,15 +1,15 @@
 @extends('layouts.pro-logged-in')
 @section('content')
 
-    <h3 class="d-flex my-3 px-3">
+    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
         <div>_NAME_: List</div>
         <div class="ml-auto">
             <!-- _ADD_NEW_LINK_ -->
         </div>
     </h3>
 
-    <div class="table-responsive p-0 bg-white border">
-        <table class="table table-hover text-nowrap">
+    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
+        <table class="table table-hover text-nowrap table-striped">
             <thead>
             <tr>
 <!-- __SCAFFOLD_THS__ -->

generatecv/tree-templates/info.template.blade.php

@@ -1,3 +1,3 @@
-<h4 class="d-flex my-3 px-3">
+<h4 class="d-flex my-3 px-3 stag-heading stag-heading-info">
     <div>_NAME_: Single [_UID_]</div>
 </h4>

generatecv/tree-templates/sub-action.template.blade.php

@@ -3,7 +3,7 @@
 
     <div class="form-contents"><div class="failed-form-contents">
 
-    <h4 class="d-flex m-0 p-3">
+    <h4 class="d-flex m-0 p-3 stag-heading stag-heading-modal">
         <div>_NAME_</div>
         <div class="ml-auto">
             <a class="text-secondary" href="#" up-close>

generatecv/tree-templates/sub-index.template.blade.php

@@ -3,14 +3,14 @@
 
     <div class="pb-3">
 
-        <h5 class='my-3 d-flex'>
+        <h5 class='my-3 d-flex stag-heading stag-heading-sub'>
             <div>_NAME_</div>
             <div class="ml-auto">
                 <!-- _ADD_NEW_LINK_ -->
             </div>
         </h5>
 
-        <div class="table-responsive p-0 bg-white border">
+        <div class="table-responsive p-0 bg-white border stag-table stag-table-sub">
             <table class="table table-hover text-nowrap">
                 <thead>
                 <tr>

public/css/theme.css

@@ -0,0 +1,177 @@
+nav.main-header.navbar {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #b0cee7 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#b0cee7 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#b0cee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#b0cee7',GradientType=0 ); /* IE6-9 */
+    height: 37px;
+}
+nav.main-header.navbar .nav-link[data-widget="pushmenu"] {
+    height: 37px;
+    line-height: 37px;
+    padding: 0 7px;
+}
+nav.main-header.navbar input[type="search"] {
+    padding: 0;
+    padding-left: 0.5rem;
+    height: 25px !important;
+    border: 1px solid #b0b0b0;
+    border-right: 0;
+    background: #fff !important;
+}
+nav.main-header.navbar input[type="search"]:focus {
+    border: 1px solid #005ca9 !important;
+    border-right: 0 !important;
+    background: #fff !important;
+}
+nav.main-header.navbar input[type="search"]+div.input-group-append>button {
+    height: 25px !important;
+    border: 1px solid #b0b0b0;
+    border-left: 0;
+    padding: 0 0.5rem;
+    line-height: 25px;
+}
+nav.main-header.navbar input[type="search"]:focus+div.input-group-append>button {
+    border: 1px solid #005ca9 !important;
+    border-left: 0 !important;
+    background: #fff !important;
+}
+nav.main-header.navbar #reload-icon {
+    height: 25px !important;
+    padding: 0 0.5rem;
+    line-height: 25px;
+}
+nav.main-header.navbar .stag-search-form {
+    margin-left: 0.5rem !important;
+    width: 200px !important;
+}
+aside.main-sidebar>.brand-link {
+    height: 37px;
+    padding: 0 0.5rem;
+    line-height: 37px;
+}
+aside.main-sidebar>.brand-link>img {
+    opacity: .8;
+    max-height: 25px;
+    margin-top: 6px;
+    margin-left: 17px;
+}
+.nav-sidebar .nav-item>.nav-link {
+    position: relative;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    font-size: 14px;
+}
+.nav-sidebar .nav-item:first-child>.nav-link>i {
+    margin-right: 0;
+}
+.nav-sidebar .nav-item>.nav-link>i {
+    margin-top: 0.25rem;
+}
+.nav-sidebar .nav-item>.nav-link>p {
+    vertical-align: text-bottom;
+}
+.nav-sidebar>.nav-item>.nav-link.active {
+    background-color: #005ca9 !important;
+}
+.stag-table {
+    border-color: #b0b0b0 !important;
+}
+.stag-table.stag-table-index {
+    border-right: 0 !important;
+    border-left: 0 !important;
+}
+.stag-table thead tr {
+    background-color: #f8f8f8;
+}
+.stag-table thead tr th {
+    font-family: Verdana,sans-serif;
+    font-size: 13px;
+    padding: 0.25rem .75rem;
+    font-weight: normal;
+    border-top: 0;
+    border-bottom: 1px solid #b0b0b0;
+}
+.stag-table tbody tr td {
+    font-family: Verdana,sans-serif;
+    font-size: 13px;
+    padding: 0.25rem .75rem;
+    font-weight: normal;
+}
+.stag-heading.stag-heading-index {
+    font-size: 22px;
+    margin: 0.5rem 0 !important;
+}
+.stag-heading.stag-heading-info {
+    font-size: 22px;
+    margin: 0.5rem 0 !important;
+}
+.stag-heading.stag-heading-modal {
+    font-size: 20px;
+    margin: 0;
+    padding: 0.5rem 1rem !important;
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #b0cee7 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#b0cee7 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#b0cee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#b0cee7',GradientType=0 ); /* IE6-9 */
+}
+body .btn {
+    font-size: 13px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+body .btn.btn-primary {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #e0e6ec 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#e0e6ec 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#e0e6ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#e0e6ec',GradientType=0 ); /* IE6-9 */
+    border: 1px solid #a9b0b7;
+    color: #333;
+    text-shadow: 0 1px 0 #fff;
+}
+body .btn.btn-primary:hover,
+body .btn.btn-primary:focus,
+body .btn.btn-primary:active {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #b0cee7 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#b0cee7 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#b0cee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#b0cee7',GradientType=0 ); /* IE6-9 */
+    border: 1px solid #a9b0b7;
+    color: #005ca9;
+    text-shadow: 0 1px 0 #fff;
+}
+body .btn.btn-default {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #e0e6ec 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#e0e6ec 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#e0e6ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#e0e6ec',GradientType=0 ); /* IE6-9 */
+    border: 1px solid #a9b0b7;
+    color: #333;
+    text-shadow: 0 1px 0 #fff;
+}
+body .btn.btn-default:hover,
+body .btn.btn-default:focus,
+body .btn.btn-default:active {
+    background: #fffcfc; /* Old browsers */
+    background: -moz-linear-gradient(top,  #fffcfc 0%, #b0cee7 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top,  #fffcfc 0%,#b0cee7 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom,  #fffcfc 0%,#b0cee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#b0cee7',GradientType=0 ); /* IE6-9 */
+    border: 1px solid #a9b0b7;
+    color: #005ca9;
+    text-shadow: 0 1px 0 #fff;
+}
+.stag-sublink {
+    font-size: 14px;
+    padding: 0.35rem 1rem !important;
+}
+.stag-sublink:hover {
+    background: rgba(0,0,0,.015) !important;
+}
+a {
+    color: #005ca9;
+}

resources/views/layouts/pro-logged-in.blade.php

@@ -23,6 +23,9 @@
         @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
         @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
     </style>
+
+    {{-- stag theme --}}
+    <link rel="stylesheet" href="/css/theme.css">
 </head>
 <body class="hold-transition sidebar-mini layout-fixed sidebar-collapse">
 <div class="wrapper">
@@ -36,20 +39,8 @@
             </li>
         </ul>
 
-        <!-- SEARCH FORM -->
-        <form class="form-inline ml-3 w-25">
-            <div class="input-group input-group-sm w-100">
-                <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
-                <div class="input-group-append">
-                    <button class="btn btn-navbar" type="submit">
-                        <i class="fas fa-search"></i>
-                    </button>
-                </div>
-            </div>
-        </form>
-
         <!-- Right navbar links -->
-        <ul class="navbar-nav mr-auto ml-2">
+        <ul class="navbar-nav ml-auto ml-2">
             <li class="nav-item">
                 <a id="reload-icon" class="nav-link" href="#" role="button" onclick="window.location.reload(); return false">
                     <i class="fa fa-sync"></i>
@@ -61,6 +52,18 @@
                 </a>
             </li>--}}
         </ul>
+
+        <!-- SEARCH FORM -->
+        <form class="form-inline ml-auto w-25 stag-search-form">
+            <div class="input-group input-group-sm w-100">
+                <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
+                <div class="input-group-append">
+                    <button class="btn btn-navbar" type="submit">
+                        <i class="fas fa-search"></i>
+                    </button>
+                </div>
+            </div>
+        </form>
     </nav>
     <!-- /.navbar -->