more stuff. yay.

compnor.php

@@ -29,7 +29,8 @@
             <div class="body">
                 <ul class="top-menu">
                     <li class="fixed"><a href="index.php"><span class="fa fa-empire"></span></a></li>
-                    <li class="fixed"><a href="#"><span class="fa fa-database"></span></a></li>
+                    <li class="fixed" title="IRMS"><a href="#"><span class="fa fa-database"></span></a></li>
+                    <li class="fixed" title="COMMCENT"><a href="#"><span class="fa fa-comments"></span></a></li>
                     <li><a href="#">COMPNOR</a></li>
                     <li><a href="#">Government</a></li>
                     <li><a href="#">Navy</a></li>

index.php

@@ -35,6 +35,7 @@
                     <li><a href="#">Army</a></li>
                     <li><a href="#">Intelligence</a></li>
                     <li><a href="#">Industry</a></li>
+                    <li><a href="#">COMMCENT</a></li>
                 </ul>
             </div>
         </div>

stylesheets/sass/_box.scss

@@ -13,7 +13,7 @@
     font-family: $fSerif;
     font-variant: small-caps;
 
-    text-shadow: 1px 1px 2px #111;
+    text-shadow: 1px 1px 2px $cBoxHeading;
     color: $cBoxHeading;
   }
 

stylesheets/sass/_colors.scss

@@ -6,7 +6,8 @@
   $cMainText: #ccc;
   $cContentBG: #222;
 
-  $cMenuOutline: silver;
+  //$cMenuOutline: darken(orange, 10%); COMPNOR
+  $cMenuOutline: SteelBlue;
   $cMenuBG: #333;
   $cMenuHover: #444;
   $cBoxHeading: #111;

stylesheets/sass/screen.scss

@@ -22,6 +22,7 @@ body {
   background-color: $cMainBG;
   color: $cMainText;
   font-family: $fSansSerif;
+  min-width: 1000px;
 }
 
 #flex {
@@ -237,7 +238,7 @@ body {
       font-family: $fSerif;
       font-variant: small-caps;
 
-      text-shadow: 1px 1px 2px #111;
+      text-shadow: 1px 1px 2px $cBoxHeading;
       color: $cBoxHeading;
     }
   }

stylesheets/screen.css

@@ -83,92 +83,93 @@ body {
   background-color: #111;
   color: #ccc;
   font-family: "Noto Sans", Verdana, sans-serif;
+  min-width: 1000px;
 }
 
-/* line 27, sass/screen.scss */
+/* line 28, sass/screen.scss */
 #flex {
   display: flex;
   align-content: space-between;
 }
 
-/* line 32, sass/screen.scss */
+/* line 33, sass/screen.scss */
 .grid {
   margin: 20px 0 20px 20px;
 }
-/* line 35, sass/screen.scss */
+/* line 36, sass/screen.scss */
 .grid:after {
   content: '';
   display: table;
   clear: both;
 }
 
-/* line 42, sass/screen.scss */
+/* line 43, sass/screen.scss */
 [class*='col-'] {
   float: left;
   padding-right: 20px;
 }
 
-/* line 47, sass/screen.scss */
+/* line 48, sass/screen.scss */
 .col-twelfth {
   width: 8.33%;
 }
 
-/* line 48, sass/screen.scss */
+/* line 49, sass/screen.scss */
 .col-sixth {
   width: 16.66%;
 }
 
-/* line 49, sass/screen.scss */
+/* line 50, sass/screen.scss */
 .col-quarter {
   width: 25%;
 }
 
-/* line 50, sass/screen.scss */
+/* line 51, sass/screen.scss */
 .col-third {
   width: 33.33%;
 }
 
-/* line 51, sass/screen.scss */
+/* line 52, sass/screen.scss */
 .col-fivetwelfth {
   width: 41.66%;
 }
 
-/* line 52, sass/screen.scss */
+/* line 53, sass/screen.scss */
 .col-half {
   width: 50%;
 }
 
-/* line 53, sass/screen.scss */
+/* line 54, sass/screen.scss */
 .col-seventwelfth {
   width: 58.33%;
 }
 
-/* line 54, sass/screen.scss */
+/* line 55, sass/screen.scss */
 .col-twothird {
   width: 66.66%;
 }
 
-/* line 55, sass/screen.scss */
+/* line 56, sass/screen.scss */
 .col-threequarter {
   width: 75%;
 }
 
-/* line 56, sass/screen.scss */
+/* line 57, sass/screen.scss */
 .col-fivesixth {
   width: 83.33%;
 }
 
-/* line 57, sass/screen.scss */
+/* line 58, sass/screen.scss */
 .col-eleventwelfth {
   width: 91.66%;
 }
 
-/* line 58, sass/screen.scss */
+/* line 59, sass/screen.scss */
 .col-full {
   width: 100%;
 }
 
-/* line 61, sass/screen.scss */
+/* line 62, sass/screen.scss */
 #sidebar {
   margin-left: 20px;
   width: 200px;
@@ -176,7 +177,7 @@ body {
   flex-shrink: 0;
 }
 
-/* line 68, sass/screen.scss */
+/* line 69, sass/screen.scss */
 #sidebar-right {
   width: 200px;
 }
@@ -214,7 +215,7 @@ body {
 .box .title {
   padding-left: 5px;
   padding-right: 5px;
-  border-bottom: 30px solid silver;
+  border-bottom: 30px solid SteelBlue;
   border-right: 20px solid transparent;
   display: inline-block;
   height: 0;
@@ -226,8 +227,8 @@ body {
 }
 /* line 20, sass/_box.scss */
 .box .body {
-  border-top: 2px solid silver;
-  border-bottom: 1px solid silver;
+  border-top: 2px solid SteelBlue;
+  border-bottom: 1px solid SteelBlue;
   background-color: #333;
 }
 /* line 26, sass/_box.scss */
@@ -249,7 +250,7 @@ body {
 }
 /* line 41, sass/_box.scss */
 .box-center .title {
-  border-bottom: 30px solid silver;
+  border-bottom: 30px solid SteelBlue;
   border-right: 20px solid transparent;
   border-left: 20px solid transparent;
 }
@@ -265,7 +266,7 @@ body {
 }
 /* line 56, sass/_box.scss */
 .box-right .title {
-  border-bottom: 30px solid silver;
+  border-bottom: 30px solid SteelBlue;
   border-left: 20px solid transparent;
   border-right: none;
 }
@@ -274,13 +275,13 @@ body {
   text-align: left;
 }
 
-/* line 75, sass/screen.scss */
+/* line 76, sass/screen.scss */
 #title-bar {
   margin: 20px;
   background: radial-gradient(rgba(0, 0, 0, 0), rgba(17, 17, 17, 0.8) 60%, #111111 70%) no-repeat center, url("../bg-navy.png") no-repeat center;
   background-size: 853px, auto;
 }
-/* line 82, sass/screen.scss */
+/* line 83, sass/screen.scss */
 #title-bar a.logo {
   text-align: center;
   font-family: serif;
@@ -291,22 +292,22 @@ body {
   text-decoration: none;
   color: #ccc;
 }
-/* line 92, sass/screen.scss */
+/* line 93, sass/screen.scss */
 #title-bar a.logo img {
   height: 70px;
   vertical-align: middle;
   background: radial-gradient(#111111, rgba(0, 0, 0, 0));
 }
-/* line 99, sass/screen.scss */
+/* line 100, sass/screen.scss */
 #title-bar .titles {
   display: flex;
   justify-content: space-between;
 }
-/* line 103, sass/screen.scss */
+/* line 104, sass/screen.scss */
 #title-bar .titles .left {
   padding-left: 5px;
   padding-right: 5px;
-  border-bottom: 20px solid silver;
+  border-bottom: 20px solid SteelBlue;
   border-right: 15px solid transparent;
   display: inline-block;
   height: 0;
@@ -315,11 +316,11 @@ body {
   text-shadow: 1px 1px 2px #444;
   color: #111;
 }
-/* line 118, sass/screen.scss */
+/* line 119, sass/screen.scss */
 #title-bar .titles .right {
   padding-left: 5px;
   padding-right: 5px;
-  border-bottom: 20px solid silver;
+  border-bottom: 20px solid SteelBlue;
   border-left: 15px solid transparent;
   display: inline-block;
   height: 0;
@@ -331,20 +332,20 @@ body {
   color: #111;
   float: right;
 }
-/* line 136, sass/screen.scss */
+/* line 137, sass/screen.scss */
 #title-bar .titles a, #title-bar .titles a:visited, #title-bar .titles a:active {
   color: #111;
 }
-/* line 142, sass/screen.scss */
+/* line 143, sass/screen.scss */
 #title-bar .body {
   display: block;
 }
-/* line 146, sass/screen.scss */
+/* line 147, sass/screen.scss */
 #title-bar .top-menu {
   display: flex;
   width: 100%;
 }
-/* line 150, sass/screen.scss */
+/* line 151, sass/screen.scss */
 #title-bar .top-menu li {
   flex-grow: 1;
   padding: 5px;
@@ -356,23 +357,23 @@ body {
   font-variant: small-caps;
   text-shadow: 1px 1px 2px #111;
 }
-/* line 161, sass/screen.scss */
+/* line 162, sass/screen.scss */
 #title-bar .top-menu li.fixed {
   flex-grow: 0;
   flex-shrink: 0;
 }
-/* line 166, sass/screen.scss */
+/* line 167, sass/screen.scss */
 #title-bar .top-menu li a {
   text-decoration: none;
   color: #ccc;
   display: block;
 }
-/* line 172, sass/screen.scss */
+/* line 173, sass/screen.scss */
 #title-bar .top-menu li:hover {
   background-color: #444;
 }
 
-/* line 181, sass/screen.scss */
+/* line 182, sass/screen.scss */
 .menu a {
   text-decoration: none;
   font-style: italic;
@@ -380,12 +381,12 @@ body {
   color: #ccc;
   display: block;
 }
-/* line 189, sass/screen.scss */
+/* line 190, sass/screen.scss */
 .menu li {
   padding: 7px 0 5px 5px;
   transition: all .3s ease;
 }
-/* line 193, sass/screen.scss */
+/* line 194, sass/screen.scss */
 .menu li:before {
   content: "\f054";
   font-family: FontAwesome, serif;
@@ -395,37 +396,37 @@ body {
   transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
   color: transparent;
 }
-/* line 202, sass/screen.scss */
+/* line 203, sass/screen.scss */
 .menu li:hover {
   background-color: #444;
 }
-/* line 205, sass/screen.scss */
+/* line 206, sass/screen.scss */
 .menu li:hover:before {
   color: inherit;
   width: 12px;
 }
-/* line 211, sass/screen.scss */
+/* line 212, sass/screen.scss */
 .menu li.title {
   font-weight: bold;
 }
 
-/* line 217, sass/screen.scss */
+/* line 218, sass/screen.scss */
 #content {
   margin-left: 20px;
   margin-right: 20px;
   flex-grow: 1;
   width: 200px;
 }
-/* line 223, sass/screen.scss */
+/* line 224, sass/screen.scss */
 #content .content-header {
   text-align: center;
-  border-bottom: 2px solid silver;
+  border-bottom: 2px solid SteelBlue;
 }
-/* line 227, sass/screen.scss */
+/* line 228, sass/screen.scss */
 #content .content-header .pageTitle {
   text-align: center;
   margin: 0 auto;
-  border-bottom: 30px solid silver;
+  border-bottom: 30px solid SteelBlue;
   border-right: 20px solid transparent;
   border-left: 20px solid transparent;
   display: inline-block;
@@ -436,16 +437,16 @@ body {
   text-shadow: 1px 1px 2px #111;
   color: #111;
 }
-/* line 245, sass/screen.scss */
+/* line 246, sass/screen.scss */
 #content .content-footer {
   text-align: center;
-  border-top: 1px solid silver;
+  border-top: 1px solid SteelBlue;
   clear: both;
 }
-/* line 250, sass/screen.scss */
+/* line 251, sass/screen.scss */
 #content .content-footer .copy {
   text-align: center;
-  border-top: 15px solid silver;
+  border-top: 15px solid SteelBlue;
   border-right: 10px solid transparent;
   border-left: 10px solid transparent;
   display: inline-block;
@@ -456,12 +457,12 @@ body {
   font-size: x-small;
   color: #111;
 }
-/* line 262, sass/screen.scss */
+/* line 263, sass/screen.scss */
 #content .content-footer .copy div {
   position: relative;
   top: -14px;
 }
-/* line 269, sass/screen.scss */
+/* line 270, sass/screen.scss */
 #content .content-body {
   background-color: #222;
   padding: 20px;