diff --git a/static/css/themes/gallery.css b/static/css/themes/gallery.css new file mode 100644 index 0000000..38ea336 --- /dev/null +++ b/static/css/themes/gallery.css @@ -0,0 +1,64 @@ +.main { + + font-size: 18px; + font-weight:lighter; + font-family:sans-serif; + margin:1%; + margin-left:10%; + margin-right:10%; + + display:block; +} +.main .header { height:64px; + display:grid; + grid-template-columns: 50px auto; + border-bottom: 2px double #CAD5E0; + padding:4px; + gap:4px; + align-items: center; + + +} +.main .header .icon {width:50px; height:50px;} +.main .header .icon img {width:48px; height:48px;} +.main .header .title { font-size:32px; text-transform: uppercase; font-weight:bold} +.main .header .subtitle {font-style:italic;font-size:14px; color:gray; text-transform: capitalize;} + + +.main .menu {border:0; background-color: #f3f3f3; height:64px; padding:0px; + display:grid; grid-template:64px repeat(6,1fr); gap:4px; background-color: #ffffff; +} +.main .menu .icon div,.button { + padding:10px; +} +/* .main .content img{ + width:99%; + border:1px solid #CAD5E0; + padding:8px; + background-color:#f3f3f3; +} */ + +/* .main .content table thead tr:first-child { + padding:4px; + background: #d3d3d3; + } */ + blockquote { + border-left:8px solid #D3D3D3; padding:4px; + } +.main .content table {border-spacing: 2;} +.main .content table .active {font-size:14px} +.main .content .banner { + height:300px; margin:4px; + padding:0px; + +} +.code { margin-top:8px; + background:black; color:#d3d3d3;padding:10px; text-wrap: nowrap; + font-family: 'Courier New', Courier, monospace; font-weight:lighter; font-size:13px;} + .main .pane { height:auto;} + .main .pane iframe{ width:100%; border:0px; height:80%;} + + .dialog-title { + background-color:darkgray;color:#FFFFFF; + text-transform:capitalize; font-weight:bold; align-items:center;display:grid; grid-template-columns:auto 32px; +} \ No newline at end of file diff --git a/static/css/themes/oss.css b/static/css/themes/oss.css index 096643f..afaccf4 100644 --- a/static/css/themes/oss.css +++ b/static/css/themes/oss.css @@ -24,7 +24,9 @@ .main .header .subtitle {font-style:italic;font-size:14px; color:gray; text-transform: capitalize;} -.main .menu {border:0; background-color: #f3f3f3;} +.main .menu {border:0; background-color: #f3f3f3; height:64px; padding:0px; + display:grid; grid-template:64px repeat(6,1fr); gap:4px; background-color: #ffffff; +} /* .main .content img{ width:99%; border:1px solid #CAD5E0; diff --git a/templates/index.html b/templates/index.html index 0cebd78..8eb7465 100644 --- a/templates/index.html +++ b/templates/index.html @@ -97,6 +97,7 @@ Vanderbilt University Medical Center // // At this point we can execute the observer design pattern // + console.log(observers) jx.utils.patterns.observer(observers,'apply') }) @@ -108,14 +109,14 @@ Vanderbilt University Medical Center
-
+ -
+
{%include "content.html" %} diff --git a/templates/menu.html b/templates/menu.html index a0429a8..ff5e5ac 100644 --- a/templates/menu.html +++ b/templates/menu.html @@ -1,6 +1,9 @@ {%if system.portal %} -
- +
+
+ + +
{% else %}