first commit

libraries/framework/skin/base/utility/all.less

@@ -0,0 +1,80 @@
+@import "boxed.less";
+@import "demo.less";
+@import "print.less";
+@import "responsive.less";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

libraries/framework/skin/base/utility/boxed.less

@@ -0,0 +1,175 @@
+/* ==============================================
+   Boxed Layout - Coming Soon
+=================================================
+  A. Boxed Settings
+================================================= */
+
+@media (min-width: 1140px) {
+body.boxed-layout {
+  // background-color: #efefef;
+	background-color: transparent !important;
+  background-image: url("@{img-path}/patterns/noise.png");
+  background-repeat: repeat;
+
+	// Navbar
+	.navbar {
+	  width: 1140px !important;
+	  margin: 0 auto;
+	}
+
+	// Navbar Containers
+	.navbar-nav.navbar-right,
+	.navbar-nav.navbar-right:last-child {
+		margin-right: 0;
+	}
+
+	// Content Container
+	#main {
+	  overflow: hidden;
+	  width: 1140px !important;
+	  margin: 0 auto;
+	}
+
+	// Inner BG + Borders
+	#main:before {
+	  content: "";
+	  position: fixed;
+	  top: 0;
+	  right: 0;
+	  bottom: 0;
+	  left: 0;
+	  background: #eee;
+	  margin: 0 auto;
+	  width: 1142px;
+	  border-right: 1px solid #DDD;
+	  border-left: 1px solid #DDD;
+	}
+
+	// Outer Background
+	#main:after {
+		z-index: -1;
+	  content: "";
+	  position: fixed;
+	  top: 0;
+	  right: 0;
+	  bottom: 0;
+	  left: 0;
+	  width: 100%;
+	  background: #f8f8f8;
+	}
+
+	// Inner Content Container 
+	#content_wrapper {
+		margin-top: 0px;
+	}
+	.navbar.navbar-fixed-top + #main > #content_wrapper {
+		margin-top: 60px;
+	}
+
+	// Sidebar Left - Fixed
+	&.sb-top #sidebar_left.affix {
+		width: 1140px;
+	}
+
+	// Sidebar Top - Fixed 
+	#sidebar_left.affix {
+		left: auto;
+	}
+
+	#sidebar_left.nano > .nano-content {
+		padding-top: 0;
+	}
+	.navbar.navbar-fixed-top + #main > #sidebar_left.nano > .nano-content {
+		// padding-top: 60px;
+	}
+
+	// sidebar closed
+	&.sb-l-c #sidebar_left,
+	&.sb-l-c.sb-l-m #sidebar_left {
+		left: -230px;
+	}
+
+	// Right Sidebar
+	#sidebar_right {
+		display: none;
+		position: absolute;
+		top: 0;
+		right: 0;
+	}
+	// sidebar open
+	&.sb-r-o #sidebar_right {
+		display: block;
+	}
+
+	.navbar.navbar-fixed-top + #main > #sidebar_right {
+		// top: 60px;
+	}
+
+	// Topbar Settings - Fixed
+	#topbar.affix {
+	  width: 910px !important;
+	  margin-left: 0;
+	  left: auto;
+	  right: auto;
+	}
+
+	// right sidebar open
+	&.sb-r-o #topbar.affix {
+		width: 780px !important;
+	}
+
+  // left sidebar minified
+	&.sb-l-m #topbar.affix {
+		width: 1080px !important;
+	}
+
+	// left sidebar closed
+	&.sb-l-c #topbar.affix {
+		width: 1140px !important;
+	}
+
+  // left minified + right open
+	&.sb-l-m.sb-r-o #topbar.affix {
+		width: 780px !important;
+	}
+  // left minified + right open
+	&.sb-l-c.sb-r-o #topbar.affix {
+		width: 840px !important;
+	}
+
+	// adjust content as the navbar is out of container now
+	#topbar.affix + #content {
+	  // margin-top: 60px;
+	}
+	#topbar-dropmenu {
+		top: 0;
+	}
+	.navbar.navbar-fixed-top + #sidebar_left + #content_wrapper > #topbar-dropmenu {
+		top: 1px;
+	}
+	&.sb-top .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper > #topbar-dropmenu {
+		top: 0;
+	}
+
+}
+
+
+
+}
+
+@media (max-width: 1140px) {
+	body.boxed-layout {
+
+		.navbar.navbar-fixed-top + #main {
+			margin-top: 60px;
+		}
+
+		&.sb-l-o .navbar + #main > #sidebar_left.nano > .nano-content {
+			padding-top: 60px;
+		}
+		&.sb-l-m .navbar + #main > #sidebar_left.nano > .nano-content {
+			padding-top: 0;
+		}
+
+	}
+}

libraries/framework/skin/base/utility/demo.less

@@ -0,0 +1,202 @@
+/* ==============================================
+   III. DEMO PAGES
+	  - Global Changes
+	  
+ * This file is reserved for changes required only
+ * for the themes demo. These styles may be vital
+ * to themes appearance but often times will not
+ * be useful in a true production environment.
+ 
+ * For example each slider in sliders.html has a
+ * margin of 65px, a large number only needed 
+ * because six sliders have been stacked on top 
+ * of each other. This would most likely not 
+ * happen in a real enviroment.
+================================================= 
+ A. Global/Shared
+================================================= */
+.ajax-loading {
+  overflow-y: scroll;
+}
+
+
+.panel-tabs > li > a:hover {background-color: #f2f2f2;} 
+#return-arrow {
+    color: #555;
+    padding-left: 15px;
+    padding-top: 15px;
+    position: fixed;
+    opacity: 0.7;
+    cursor: pointer;
+    display: block;
+    z-index: 1050;
+}
+#return-arrow i.fa {
+    float: left;
+    padding-top: 2px;
+}
+#return-arrow span {
+    float: left;
+    padding-left: 15px;
+    padding-top: 0px;
+    font-size: 16px;
+}
+#return-arrow:hover { opacity: 1 }
+
+/*===============================================
+  timeline.html/timeline-single.html
+================================================= */ 
+body.timeline-page .panel-clone {
+	display: none;
+}
+
+/*===============================================
+  pages-calendar-page.html
+================================================= */ 
+.calendar-page .tray-left{
+  padding: 15px 18px;
+}
+.calendar-page .tray-left .fc-event {
+  margin-left: 2px;
+  margin-right: 2px;
+  background: #FFF;
+}
+
+/*===============================================
+  ui-icons.html
+================================================= */ 
+.icon-demo-list {
+  font-size: 12px;
+  padding-left: 0;
+  padding-bottom: 1px;
+  margin-bottom: 20px;
+  list-style: none;
+  overflow: hidden;
+}
+.icon-demo-list li {
+  float: left;
+  width: 20%;
+  height: 100px;
+  padding: 5px;
+  line-height: 1.4;
+  text-align: center;
+}
+.icon-demo-list li:hover { color: @brand-primary;}
+
+.icon-demo-list li span {
+  display: block;
+  margin: 5px auto 15px;
+  font-size: 24px;
+}
+
+.iconsweets-list li span { font-size: 32px; }
+.stateface-list li span { font-size: 36px; }
+
+/*===============================================
+  Skin Toolbox
+================================================= */ 
+#skin-toolbox {
+    z-index: 999;
+    overflow: visible !important;
+    position: fixed;
+    top: 120px;
+    right: -230px;
+    width: 230px;
+
+    -webkit-transition: right 0.1s ease-in-out;
+    -moz-transition: right 0.1s ease-in-out;
+    transition: right 0.1s ease-in-out;
+}
+#skin-toolbox.toolbox-open {right: 0;}
+#skin-toolbox .panel {
+}
+#skin-toolbox .panel-heading {
+  cursor: pointer;
+  margin-right: 30px;
+  border: 1px solid #DDD;
+  width: 274px;
+  height: 47px;
+  line-height: 42px;
+  right: 44px;
+  font-size: 14px;
+}
+#skin-toolbox .panel-heading .panel-title {
+  padding-left: 40px
+}
+#skin-toolbox .panel-body {
+  border: 1px solid #DDD;
+  border-top: 0;
+  padding: 23px;
+}
+#skin-toolbox .panel-icon {
+  font-size: 22px;
+  padding-right: 20px;
+  padding-left: 6px;
+}
+
+/*===============================================
+  Source Code Viewer 
+================================================= */ 
+// HTML Source wrapper 
+.bs-component {
+    position: relative;
+}
+
+// Source:hover button
+#source-button {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 100;
+  font-weight: 600;
+}
+
+// Source Modal
+#source-modal {
+
+  /* source code modal styles */
+  .modal-header {
+      background-color: #fafafa;
+  }
+  .btn-clipboard {
+      letter-spacing: 0.5px;
+  }
+
+  /* highlight js styles */
+  .hljs {
+    padding: 10px 13px;
+  }
+
+}
+
+/*===============================================
+  AdminDock Example Page
+================================================= */ 
+/* Demo styles */  
+#dock-content > div {
+  display: none;
+}
+#dock-content > div.active-content {
+  display: block;
+}
+#dock-content .active-content .modal-placeholder {
+  position: relative;
+  visibility: visible;
+  display: block;
+  height: 100%;
+  width: 100%;
+  text-align: center;
+  font-size: 20px;
+}
+#dock-content .active-content .modal-placeholder:before {
+  content: "It's been sent to AdminDock!";
+}
+#dock-content .active-content .modal-placeholder:after {
+  content: "\f0a7";
+  font-family: "FontAwesome";
+  font-size: 30px;
+  position: relative;
+  top: 3px;
+  padding-left: 20px;
+  color: #999;
+}

libraries/framework/skin/base/utility/print.less

@@ -0,0 +1,93 @@
+
+/*===================================================
+   PRINT STYLES - Designed soley for Invoice Page
+   Problems will arise if you attempt to use
+   these styles globally
+=====================================================*/ 
+@media print {	
+
+	.invoice-page {
+
+		/* Reset + Hide Primary Page Components */
+		header.navbar,
+		#sidebar_left,
+		#sidebar_right,
+		#topbar,
+		#skin-toolbox,
+		.panel-heading,
+		.invoice-buttons {
+			display: none !important;
+			visibility: hidden;
+			width: 0 !important;
+			height: 0 !important;
+			outline: 0;
+			padding: 0 !important;
+			margin: 0 !important;
+			overflow: hidden;
+		}
+		/* Modify Primary Container */
+		#content_wrapper {
+			background: 0;
+			margin: 0 auto !important;
+			padding: 0 !important;
+			left: auto !important;
+			right: auto !important;
+			transition: none;
+		}
+		#content {
+			padding: 0;
+			background: none;
+		}
+		#content_wrapper:after {margin: 0;display: none;}
+		/* Shorten and center page */
+		#main {
+			width: 1100px !important;
+			margin: 0 auto !important;
+		}
+		/* Remove all Panel Borders */
+		.panel,
+		.panel-body {
+			border: 0 !important;
+		 	margin: 0 !important;
+		 	box-shadow: none !important;
+		 }
+		/* Hide Image Logo and reveal Text logo */
+		.invoice-logo {	display: none !important; }
+		.invoice-logo-text {
+			display: block !important;
+			visibility: visible !important;
+		}
+		/* Modify Invoice Container */
+		.table-layout > .col-md-10 {
+			width: 100% !important;
+			padding: 0 !important;
+		}
+		/* Modify Invoice Panels */
+		#invoice-info {
+			border-top: 1px dashed #ddd;
+			border-bottom: 1px dashed #ddd;	
+			margin-top: 20px !important;
+			margin-bottom: 40px !important;
+			background-color: #ddd;
+		}
+		/* Modify Invoice Panels */
+		#invoice-info > .col-md-4 {
+			float: none;
+			display: inline-block;
+			width: 32%;
+			padding: 0;
+			margin: 0;
+		}
+		#invoice-info > .col-md-4:nth-child(2) {
+			text-align: center;
+		}		
+		#invoice-info > .col-md-4:last-child {
+			text-align: right;
+			position: relative;
+			top: 8px;
+		}	
+		#invoice-info > .col-md-4 .panel-body {
+			padding: 10px;
+		}	
+	}
+}

libraries/framework/skin/base/utility/responsive.less

@@ -0,0 +1,44 @@
+ /* ==============================================
+    RESPONSIVE STYLES
+      A. Content
+	  B. Topbar
+	  	  
+* These styles control various aspects of the
+* site which benefit from being responsive 
+================================================= 
+  A. Content
+================================================= */
+#content {
+  padding: 15px 8px 40px 11px; 
+}
+  
+/* content padding on large resolutions */
+@media (min-width: 1100px) {
+  #content {
+    padding: 25px 20px 50px 21px; } 
+}
+
+/* Adds top padding to md columns as a spacer
+ * when they are mobile stacked */
+@media (max-width: 991px) {
+	#content .col-md-2 + .col-md-2,
+	#content .col-md-2 + .col-md-4, 
+	#content .col-md-2 + .col-md-6,
+	#content .col-md-4 + .col-md-2,
+	#content .col-md-4 + .col-md-4, 
+	#content .col-md-4 + .col-md-6,
+	#content .col-md-6 + .col-md-2,
+	#content .col-md-6 + .col-md-4, 
+	#content .col-md-6 + .col-md-6 {
+		padding-top: 10px;
+	}
+}
+
+@media (max-width: 815px) {
+	#content .panel .panel-body {
+		overflow: hidden !important;
+		min-width: 0 !important;
+	}
+}
+
+