initial commit

wwwroot/css/common.css

@@ -0,0 +1,100 @@
+
+:focus {
+	outline: none;
+}
+
+.page-title-color {
+	color: #b32d00; /* #b74040; <20>.<2E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
+}
+
+/* Footer styles */
+
+.footer {
+	display: flex;
+	flex-grow: 1;
+	align-items: center;
+	flex-flow: column nowrap;
+}
+
+/* Header styles */
+
+.navbar {
+	background-color: #355b9c; /* <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> =  title <20>1d4a9b, <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>  #e3f2fd*/
+}
+
+.navbar-brand > img {
+	height: 2em;
+}
+
+.navbar-brand > span {
+	font-size: smaller;
+	margin-left: 10px;
+	color: #04763a; /* <20>. <20><><EFBFBD><EFBFBD><EFBFBD> */
+	text-decoration: none;
+}
+
+.navbar-brand:hover > span {
+	font-size: smaller;
+	margin-left: 10px;
+	color: #1560a1; /* <20>.<2E><><EFBFBD> */
+	text-decoration: underline;
+}
+
+.nav-link, .nav-link:visited, .nav-link:active {
+	color: #04763a !important; /* <20>.<2E><><EFBFBD><EFBFBD><EFBFBD> */
+	text-decoration: none;
+}
+
+.nav-link:hover {
+	color: #1560a1 !important; /* <20>.<2E><><EFBFBD> */
+	text-decoration: underline;
+}
+
+/* Navigation tree (sitemap) styles */
+
+.nav_tree .nav_tree_item_container:first-child {
+	border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.nav_tree_item_container:hover {
+	background-color: antiquewhite; /* #faebd7 - <20><>.<2E><><EFBFBD><EFBFBD><EFBFBD> */
+}
+
+.nav_tree_item_container {
+	display: flex;
+	align-items: center;
+	border: 1px solid rgba(0, 0, 0, 0.125);
+	border-top: none;
+}
+
+.nav_tree_item_container span.indent {
+	margin-left: 1em;
+	margin-right: 1em;
+}
+
+.nav_tree_item_data {
+	display: flex;
+	flex-grow: 1;
+	align-items: flex-start;
+	flex-flow: column nowrap;
+	padding: 0.25rem 0.5rem;
+	border-left: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.nav_tree_item_data span {
+	color: #033;
+	font-size: smaller;
+	font-weight: bold;
+	float: right;
+}
+
+.nav_tree_item_data a,
+.nav_tree_item_data a:visited {
+	color: #033;
+	text-decoration: underline;
+}
+
+.nav_tree_item_data a:hover {
+	color: #099;
+	text-decoration: underline;
+}

wwwroot/css/pdf_view.css

@@ -0,0 +1,141 @@
+body, main {
+    padding: 0;
+    margin: 0;
+    border: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+img {
+    vertical-align: middle;
+}
+
+.pdf-page-link {
+    display: block !important;
+    width: 135px;
+    height: 250px;
+    position: relative;
+    border: 1px solid #ccc;
+    margin: 5px;
+}
+
+    .pdf-page-link.selected,
+    .pdf-page-link.selected:active,
+    .pdf-page-link.selected:hover {
+        border: 1px solid #f96;
+        cursor: auto;
+    }
+
+    .pdf-page-link:hover {
+        border: 1px solid #9f9;
+    }
+
+    .pdf-page-link:active {
+        border: 1px solid #cfc;
+    }
+
+    .pdf-page-link > .pdf-page-thumb {
+        margin: 0;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    }
+
+    .pdf-page-link > .pdf-page-label {
+        display: inline;
+        position: absolute;
+        width: 100%;
+        z-index: 1;
+        text-align: center;
+        color: #000;
+        background-color: #ccc;
+        margin: 0;
+        padding: 0;
+    }
+
+    .pdf-page-link.selected > .pdf-page-label,
+    .pdf-page-link.selected:active > .pdf-page-label,
+    .pdf-page-link.selected:hover > .pdf-page-label {
+        background-color: #f96;
+    }
+
+    .pdf-page-link:hover > .pdf-page-label {
+        background-color: #9f9;
+    }
+
+    .pdf-page-link:active > .pdf-page-label {
+        background-color: #cfc;
+    }
+
+.full-width {
+    width: 100%;
+}
+
+.full-height {
+    height: 100%;
+}
+
+.full-view-height {
+    height: 100vh;
+}
+
+.no-padding {
+    padding: 0;
+}
+
+.vlayout {
+    display: flex;
+    flex-direction: column;
+}
+
+.hlayout {
+    display: flex;
+    flex-direction: row;
+}
+
+.layout-scale-1 {
+    flex-grow: 1;
+}
+
+.header {
+    align-self: stretch;
+    background-color: #444;
+    color: #fff;
+    display: flex;
+    padding: 10px;
+    flex-direction: row;
+}
+
+.header-info-bar {
+    flex-grow: 1;
+    align-self: center;
+}
+
+.header-paging-bar {
+    text-align: center;
+    align-self: center;
+}
+
+.overflow-auto {
+    overflow: auto;
+}
+
+.navigation-bar {
+    align-self: stretch;
+    overflow: auto;
+    flex-grow: 0;
+    width: 160px;
+    min-width: 160px;
+    background-color: #444;
+}
+
+.content-area {
+    background-color: #999;
+    align-self: stretch;
+    flex-grow: 1;
+    text-align: center;
+}