@csdsesystems/central-styles 0.1.0 → 1.0.2

package/sass/layout/_media-min-1201.scss

@@ -0,0 +1,112 @@
+//Large
+@media only screen and (min-width: 1201px) {
+
+    .col-lg-fr {
+        @include float-at-breakpoint(right);    
+    }
+
+    .col-lg-fl {
+        @include float-at-breakpoint(left);    
+    }    
+
+    /* Bookings - Search */
+    .conflict-message {
+        height: 10px;
+        
+        label {
+            top: 5px;
+        }
+    }
+
+    .agenda-item-wrapper {
+        &.error {
+            
+            .widget-schedule-agenda-item {
+                margin-top: 10px !important;
+                margin-bottom: 10px;
+            }
+
+            .agenda-list-context {
+                margin-top: 22px !important;
+            }
+        }
+    }
+
+    /*
+    .widget-schedule-agenda-item {    
+        margin-bottom: 6px;
+
+        .agenda-item-attribute {
+            display: block;
+            height: auto;
+            clear: none;
+
+            &:first-of-type {
+                clear: left;
+            }
+
+            &:not(:last-of-type) {
+                float: left;
+            }                   
+
+            &:last-of-type {
+                float: left;
+                width: auto !important; 
+                overflow: hidden;
+            }               
+
+            &.col-first {
+                width: 36%;
+            }
+
+            &.col-second {
+                width: 30%;
+            }
+        }
+
+        .agenda-item-attribute-divider {
+            display: block !important; 
+            float: left; 
+            width: 1px; 
+            height: 50px; 
+            background-color: #EFEFEF; 
+            margin: 0 10px;
+        }    
+    }       
+    */
+
+    .bookings-lp-infoRow {
+        .widget {
+            margin-bottom: 0px;
+        }      
+    }    
+
+
+    .equipment-lp-requestWorkOrder {
+        .widget {
+            margin-top: 0px;
+            margin-bottom: 20px;
+        }
+    }
+
+    .equipment-lp-usage {
+        .widget {
+            margin-top: 10px;
+        }
+
+
+        .col-sm-6:nth-of-type(2) {
+            .widget {
+                margin-top: 10px;
+            }            
+        }
+    
+
+    }
+
+
+    /* Signup */
+    .step {
+        width: 100%;
+    }    
+}

package/sass/layout/_media-min-1401.scss

@@ -0,0 +1,29 @@
+@media only screen and (min-width: 1401px) {
+    .page-fh-row .left .wrapper {
+        margin-left: 15%;
+    }  
+
+    .page-fh-row .right .wrapper {
+        margin-right: 15%;
+    }
+
+    /* Resources */
+    .card-resource {
+        width: 25%;
+    }  
+
+    /* Signup */
+    .step {
+        max-width: 700px;
+    }         
+
+    /* Sign-up */
+    .fs_split_graphics {
+        img {
+            display: block;
+            width: 100%;
+            float: right;
+            margin-right: -200px;
+        }
+    }     
+}

package/sass/layout/_media-min-1501.scss

@@ -0,0 +1,8 @@
+@media only screen and (min-width: 1501px) {
+    .page-fh-row .left .wrapper {
+        margin-left: 25%;
+    }    
+    .page-fh-row > .right > .wrapper {
+        margin-right: 25%;
+    }            
+}

package/sass/layout/_media-min-1601.scss

@@ -0,0 +1,485 @@
+
+@media only screen and (min-width: 1601px) {
+    
+    .page-fh-row .left .wrapper {
+        margin-left: 35%;
+    }    
+    .page-fh-row .right .wrapper {
+        margin-right: 35%;
+    } 
+
+    /*
+	.bookings-calendar {
+		.column.left {
+			display: block;
+		}
+	} 
+	*/   
+
+	.bookings-calendar {
+
+		.col-sm-3 {
+			width: 50%;
+		}
+
+		.bookings-calendar-sidebar-widget {
+			width: 100%;
+		}
+ 	}
+
+	/* Sign-up */
+	.fs_split_graphics {
+	    img {
+	        display: block;
+	        width: 100%;
+	        float: right;
+	        margin-right: -300px;
+	    }
+	} 
+ 	
+    
+}
+
+
+.sidebar-panel-home, 
+.dashboard-admin, 
+.dashboard-user {
+	margin-right: -15px;
+	margin-left: -15px;
+	float: none;
+	width: auto;
+	min-width: 100%;
+	position: relative;
+	min-height: 0px;	
+
+}
+
+.sidebar-panel-home {
+	padding-right: 30px;
+}
+
+.dashboard-admin {
+	margin-right: -15px !important;
+	
+	#resource-isotope-grid {
+		.card-resource {
+			width: 100% !important;
+		}
+	}
+}
+
+.dashboard-user {
+	padding: 0px 25px;
+} 
+
+
+
+
+
+@media only screen and (min-width: 480px) {
+	.landingPage {
+        .top-nav {
+            text-align: left;
+
+            img {
+                margin-left: -5px;
+                float: left;
+            }
+
+            .navigation {
+                text-align: left;
+            }            
+        }
+	}
+}
+
+
+@media only screen and (min-width: 768px) {
+	.landingPage {
+
+	    /* Typography */
+	    h1 { }     
+	    h2 { }
+	    h3 { margin: 0px; }
+	    a, p { }    
+
+        .base-container { padding: 0px; }
+
+		.top-nav {
+			padding-top: 30px;
+            
+            .navigation {
+            	padding-top: 10px;
+                text-align: right;
+            }			
+		}
+
+
+		.hero-container {
+		
+            .hero {
+                padding-top: 40px;
+                padding-bottom: 40px;                            
+            }
+
+            .hero.main {
+                padding-top: 100px;
+                padding-bottom: 60px;                
+            } 	        
+		}
+
+		.courses-list {
+
+	        .centered-content.hero {
+            	width: 50%;	     
+            	text-align: center;   	
+	        }
+
+	        .courses {
+	        	padding: 20px 0 40px;
+	        }
+		}
+
+
+		.two-col-container {
+
+			padding-top: 60px;
+			padding-bottom: 60px;     
+
+			.col {
+				width: 50%;
+				float: left;
+				height: 350px;
+			}
+
+			.text-align-vertical {
+				@include vertical-align;
+			}
+
+			.left {
+				border-radius: 0px;
+            	border-top-left-radius: 5px;
+            	border-bottom-left-radius: 5px;      
+			}
+
+			.right {
+				border-radius: 0px;
+            	border-top-right-radius: 5px;
+            	border-bottom-right-radius: 5px;    
+			}
+
+			.text {
+				padding-left: 25px;
+				padding-right: 25px;
+			}
+		}
+
+
+		.multiple-two-cols {
+
+			& > div {
+				&:not(:first-of-type, :last-of-type) {
+					padding-top: 25px;
+					padding-bottom: 25px;
+				}
+
+				&:first-of-type {
+					padding-top: 60px;
+					padding-bottom: 25px;
+				}
+
+				&:last-of-type {
+					padding-top: 25px;
+					padding-bottom: 60px;
+				}
+			}
+		}
+
+		.blurb1 {
+			img {
+				width: auto;
+			}
+		}
+
+		.blurb2 {
+			padding-top: 30px;
+
+			.hero {
+				padding-bottom: 30px;
+			}
+		}
+
+		.contact-us {
+			padding-top: 30px;
+			padding-bottom: 60px;
+		}
+
+		.footer {
+			padding: 60px 0;
+		}
+	}
+
+	.filter-inline {
+		.filter-set {
+			.btn-group.mobile {
+				display: none;
+			}
+
+			.btn-group.desktop {
+				display: inline-block;
+			}
+		}
+
+		.btn-dropdown-toggle, 
+		.filter-inline a {
+			font-size: 20px;
+		}
+	}
+}
+
+@media only screen and (min-width: 830px) {
+	.sidebar-panel-home, 
+	.dashboard-admin, 
+	.dashboard-user {
+		min-width: 0px;
+	}
+
+	.sidebar-panel-home {
+		width: 280px;
+		min-width: 0px;
+		position: absolute;
+		right: 0;
+	}
+
+	.dashboard-user,
+	.dashboard-admin {
+		margin-right: 250px !important;
+	}
+}
+@media only screen and (max-width: 992px) {
+	.landingPage {
+		.centre {
+			.banner {
+				height: 250px;
+			}
+		}
+	}
+}
+
+@media only screen and (min-width: 992px) {
+	.landingPage {
+		
+		.hero-container {
+			.body {
+				padding-top: 30px;
+			}
+		}
+
+	    hr {
+	        width: 150px;
+	        float: left;
+	        display: block;
+	    }
+	    .pcn-allCourse {
+	    	.centre {
+	    		background-image: url('images/pcn-learning-solutions.jpg');  
+	    		background-position: -205% 0; 
+
+	    		.banner {
+	    			position: absolute;
+	    			height: 100%;
+	    		}
+	    		.text {
+	    			button {
+	    				position: absolute;
+	    				bottom: 30px;
+	    			}
+	    		}
+	    	}
+	    }
+	    .pcn-eLearningCourse {
+	    	.centre {
+	    		background-image: url('images/pcn-learning-solutions.jpg');  
+	    	}  
+	    }
+	    .pcn-Coursead-small {
+	    	width: 100%;
+    		.text {
+    			margin-left: unset !important;
+    		}
+	    }
+
+	    .pcn-allCourse,
+	    .pcn-Coursead-small {
+	    	.centre {
+	    		min-height: 307px;
+	    	}
+	    }	    
+
+	    .pcn-eLearningCourse {
+	    	.centre {
+	    		.text {
+	    			background: white;
+	    		}
+	    	}
+	    }
+
+	    & .one-course-state {
+    		.text {
+    			max-width: unset !important;
+    		}
+	    }
+	    .centre {
+	        max-width: 1024px;
+	        width: 100%;
+	        position: relative;
+	        overflow: hidden;
+	        background-size: contain;
+	        background-repeat: no-repeat;
+	        border-radius: 5px;
+     		background-color: white;
+
+	        .banner {
+	
+	        }
+
+	        .text {
+	            width: 100%;
+	            height: 100%;
+	            max-width: 516px;
+	            position: relative; 
+	            top: 0;
+	            left: 0;
+	            margin-left: 50%;
+	            padding: 30px;
+	            overflow: hidden;
+	            display: block;
+	        }
+	    }
+	}
+
+.landingPage {
+	.landing-pc-empty {
+		.centre {
+			height: unset;
+			vertical-align: middle;
+			display: flex;
+			.banner {
+				margin-left:270px;
+				height: 100%;
+			}
+		}
+		
+		.text {
+			max-width:430px;
+			margin-left:270px;
+			height: 310px;
+			position: relative;
+
+			.btn {
+				position: absolute;
+				bottom: 30px;
+			} 
+		}
+	}
+}
+
+.landingPage {
+	.pcn-empty-1col {
+		.text {
+			height: 345px;
+		}
+	}
+}
+	
+
+
+
+	.dashboard-admin {
+		#resource-isotope-grid {
+			.card-resource {
+				width: 33.33% !important;
+			}
+		}	
+	}
+
+	.dashboard-user {
+		padding: 0px 25px;
+	}
+}
+
+
+@media only screen and (min-width: 1500px) {
+	.sidebar-panel-home, 
+	.dashboard-admin, 
+	.dashboard-user {
+		display: block !important;
+		overflow: hidden !important;
+		width: 33.33% !important;
+		float: left !important;
+		margin: 0px !important;
+		min-height: 2000px !important;
+	}	
+
+	.dashboard-admin {
+		width: 40% !important;
+		margin-left: -15px !important;
+
+		#resource-isotope-grid {
+			.card-resource {
+				width: 100% !important;
+			}
+		}
+	}
+
+	.dashboard-user {
+		width: 42% !important;
+		.col-xl-3 {
+			width: 100%;
+		}
+	}
+
+	.sidebar-panel-home {
+		width: 20% !important;
+		margin-right: -15px !important;
+	}
+}
+
+
+@media only screen and (min-width: 1800px) {
+
+	.dashboard-admin {
+		#resource-isotope-grid {
+			.card-resource {
+				width: 50% !important;
+			}
+		}
+	}
+
+	.dashboard-user {
+
+		.col-xl-3 {
+			width: 50%;
+		}
+	}
+}
+
+@media only screen and (min-width: 2600px) {
+
+	.dashboard-admin {
+		#resource-isotope-grid {
+			.card-resource {
+				width: 33.33% !important;
+			}
+		}
+	}
+
+	.dashboard-user {
+
+		.col-xl-3 {
+			width: 33.33%;
+		}
+	}
+
+}
+

package/sass/layout/_media-min-480.scss

@@ -0,0 +1,15 @@
+//Extra small
+@media only screen and (min-width : 480px) {
+    .col-xs-fr {
+        @include float-at-breakpoint(right);    
+    }
+
+    .col-xs-fl {
+        @include float-at-breakpoint(left);    
+    }
+
+    .step {
+        min-width: 100%;
+        max-width: 100%;    
+    }    
+}

package/sass/layout/_media-min-672.scss

@@ -0,0 +1,6 @@
+/* MEDIA QUERIES - using min-width */
+@media only screen and (min-width: 672px) {
+
+
+ 
+}