Upload files to 'public_html/style'

public_html/style/hazards.css

@@ -0,0 +1,57 @@
+/*  Authors         :   Carlos C. Corrada-Bravo
+                        David J. Ortiz-Rivera
+
+    Organization    :   Centro de Desarrollo y Consultoria Computacional
+    Project         :   OPASO Material Registry   
+    File            :   hazards.css
+    Description     :   Styling for hazards page */
+
+.header-wrapper{
+	padding-bottom: 20px;
+}
+
+.ghs-codes{
+	display: none;
+}
+
+.ghs{
+	padding: 7.5px;
+	cursor: pointer;
+	border-radius: 2.5px;
+	color: #202124;
+	border: 1px solid rgb(218,220,224);
+}
+
+.ghs-wrapper{
+	float: left;
+	padding: 7.5px;
+	padding-left: 0px;
+	display: inline-block;
+}
+
+.description{
+	color: #202124;
+}
+
+.hazard{
+	display: none;
+	min-height: 100%;
+}
+
+.download{
+    margin-right: 0px;
+}
+
+td[value=lab_room]{
+	text-align: left;
+}
+
+@media screen and (max-width: 991px){
+	.ghs-wrapper{
+		padding-top: 0;
+	}
+
+	.download{
+		margin-bottom: 0px;
+	}
+}

public_html/style/manage.css

@@ -0,0 +1,264 @@
+/*  Authors         :   Carlos C. Corrada-Bravo
+                        David J. Ortiz-Rivera
+
+    Organization    :   Centro de Desarrollo y Consultoria Computacional
+    Project         :   OPASO Material Registry   
+    File            :   manage.css
+    Description     :   Styling for manage pages */
+
+.manage-labs{
+	width: 100%;
+}
+
+.add-lab-warning{
+	color: #202124;
+	padding: 7.5px 0px;
+	border-radius: 2.5px;
+	display: inline-block;
+}
+
+td[value=access_level]{
+	text-transform: capitalize;
+}
+
+td[value=person_name],th[value=person]{
+	text-align: left;
+	padding-left: 15px !important;
+}
+
+td[value=lab_name],td[value=building],td[value=lab_room]{
+	text-align: left;
+  	padding-left: 15px !important;
+}
+
+.form-header{
+	float: left;
+	color: #202124;
+	display: inline-block;
+	text-transform: capitalize;
+}
+.close-icon{
+	float: right;
+	color: darkgray;
+	cursor: pointer;
+	display: inline-block;
+}
+
+.selects{
+	width: 100%;
+	display: inline-block;
+}
+
+.form{
+	width: 100%;
+	text-align: center;	
+
+}
+
+.add-form-wrapper{
+	border-radius: 2.5px;
+	background-color: #fff;
+	border: 1px solid rgb(218,220,224);
+}
+
+.add-form-body{
+	width: 100%;
+	overflow-y: auto;
+}
+
+.add-form-body-wrapper{
+	width: 100%;
+	text-align: left;
+	padding: 7.5px 15px;
+}
+
+.form-wrapper{
+	width: 500px;
+	margin: auto;
+	z-index: 9999;
+	text-align: left;
+	position: relative;
+	border-radius: 2.5px;
+	display: inline-block;
+    background-color: #fff;
+	border: 1px solid rgb(218,220,224);
+}
+
+.form-body{
+	text-align: left;
+}
+
+.main-form{
+	top: 0%;
+	opacity: 0;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	padding: 105px 0;
+	will-change: transform,opacity;
+	transform: translateY(-100%);
+  	will-change: transform, opacity;
+  	transition: transform 0.5s,opacity 0.5s ease-in-out;
+}
+
+.form-shader{
+	opacity: 0;
+	z-index: -1;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	text-align: center;
+	position: absolute;
+	background-color: rgb(0,0,0,0.85);
+	will-change: z-index,opacity;
+	transition: z-index 0.25s, opacity 0.25s ease-in-out;
+}
+
+.t-form{
+	display: none;
+}
+
+.c-form{
+	display: block !important;
+}
+
+.form-actions{
+	width: 100%;
+	padding: 15px;
+	text-align: right;
+	display: inline-block;
+}
+
+.add-form-actions{
+	text-align: right;
+	padding-bottom: 7.5px;
+}
+
+.add-form{
+	top: 0%;
+  	opacity: 0;
+	height: 100%;
+	width: 100%;
+	padding: 105px 0;
+	text-align: center;
+	position: absolute;
+	transform: translateY(-100%);
+	will-change: transform,opacity;
+  	transition: transform 0.5s,opacity 0.5s ease-in-out;
+}
+
+.add-form-header-wrapper{
+	width: 100%;
+	color: #202124;
+	display: inline-block;
+	padding: 15px 15px 0px;
+	border-bottom: 1px solid rgb(218,220,224);
+}
+
+.form-header-wrapper{
+	width: 100%;
+	display: inline-block;
+	padding: 10px 15px 0px;
+	border-bottom: 1px solid rgb(218,220,224);
+}
+
+.add-form-wrapper{
+	width: 432px;
+	display: inline-block;
+	border-radius: 2.5px;
+	border: 1px solid rgb(218,220,224);
+}
+
+.select-wrapper{
+	width: 100%;
+	padding: 7.5px 15px;
+	display: inline-block;
+	border-top: 1px solid rgb(218,220,224);
+}
+
+.li-wrapper label{
+	color: #202124;
+}
+
+.select-label{
+	width: 100%;
+	color: #202124;
+	display: inline-block;
+}
+
+.person{
+	padding: 7.5px 15px;
+}
+
+.action{
+	border: none !important;
+	background-color: transparent;
+}
+
+.add-personnel-icon{
+	font-size: 13.25px;
+	transform: translateY(25%);
+}
+
+.add-text{
+	float: right;
+	transform: translateY(1.25px);
+	margin-left: 7.5px;
+}
+
+.float-right{
+	float: right;
+	display: inline-block;
+}
+
+.edit-lab{
+	width: 550px;
+}
+
+.edit-lab-body{
+	padding: 7.5px 15px;
+}
+
+#lab_name{
+	width: 100%;
+}
+
+#add{
+	float: left;
+	color: #202124;
+	font-size: 15px;
+	height: 31.25px;
+	padding: 2.5px 7.5px;
+	display: inline-flex;
+	border-radius: 2.5px !important;
+	border: 1px solid rgb(218,220,224) !important;
+}
+
+#add:hover{
+	color: #202124;
+}
+
+.fade-in{
+    opacity: 1;
+    z-index: 9999;
+    transition: opacity 0.25s ease-in-out;
+}
+
+.slide-down{
+    opacity: 1;
+    z-index: 9999;
+    transform: translateY(0%);
+    transition: transform 0.5s,opacity 0.5s ease-in-out;
+}
+
+
+@media screen and (max-width: 991px){
+	.add-form,.main-form{
+		padding: 15px;
+		overflow-y: auto;
+	}
+
+	.add-form,.add-form-wrapper,.main-form,.form-wrapper{
+		width: 100%;
+	}
+}

public_html/style/materials.css

@@ -0,0 +1,115 @@
+/*  Authors         :   Carlos C. Corrada-Bravo
+                        David J. Ortiz-Rivera
+
+    Organization    :   Centro de Desarrollo y Consultoria Computacional
+    Project         :   OPASO Material Registry   
+    File            :   materials.css
+    Description     :   Styling for materials page */
+
+.download{
+	margin-right: 0px;
+}
+
+td[value=mat_name]{
+	cursor: pointer;
+}
+
+td[value=cas]{
+	max-width: 250px;
+}
+
+.material-data-icon-wrapper{
+	width: 100%;
+	cursor: pointer;
+	text-align: right;
+	padding: 15px 15px 0px;
+}
+
+.material-data-shader{
+	top: 0;
+	left: 0;
+	z-index: 5;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	will-change: transform;
+	transform: translateX(-100%);
+	background-color: rgba(0,0,0,0);
+    transition: all 0.25s ease-in-out;
+}
+
+.material-data-wrapper{
+	left: 0;
+	top: 0px;
+	width: 300px;
+	height: 100%;
+	background-color: #fff;
+	border-right: 1px solid rgb(52,53,54);
+}
+
+.material-data-row,.material-name-wrapper{
+	width: 100%;
+	padding: 5px 15px;
+	display: inline-block;
+	word-break: break-all;
+	border-bottom: 0.5px solid rgb(52,53,54);
+}
+.material-data-row{
+	padding-left: 30px;
+}
+
+.material-name-wrapper{
+	border-bottom: 1px solid rgb(52,53,54);
+}
+
+.material-data-header{
+	margin-bottom: 7.5px;
+}
+
+.material-data-sub-header{
+	width: initial;
+	color: #060606;
+}
+
+.material-data-text-wrapper{
+	width: 100%;
+	padding-left: 15px;
+	display: inline-block;
+}
+
+.material-data-text{
+	float: right;
+	color: #060606;
+}
+
+.material-name{
+	float: left;
+	color: #060606;
+	width: initial;
+	display: inline-block;
+}
+
+.hide-material-data-icon{
+	color: darkgray;
+}
+
+.slide-right{
+    transform: translateX(0%);
+    transition: transform 0.25s ease-in-out;
+}
+
+@media screen and (max-width: 991px){
+	.download{
+		margin-bottom: 0px;
+	}
+
+	.material-data-shader{
+		z-index: 9999;
+	}
+
+	.material-data-wrapper{
+		top: 0px;
+		width: 90%;
+		height: 100%;
+	}
+}

public_html/style/menu.css

@@ -0,0 +1,133 @@
+/*  Authors         :   Carlos C. Corrada-Bravo
+                        David J. Ortiz-Rivera
+
+    Organization    :   Centro de Desarrollo y Consultoria Computacional
+    Project         :   OPASO Material Registry   
+    File            :   menu.css
+    Description     :   Styling for menu */
+
+.arg-link-wrapper{
+	display: none;
+}
+
+.sub-menu{
+	width: 100%;
+	padding: 10px 0px;
+	display: inline-block;
+	border-bottom: 0.5px solid rgb(52,53,54);
+}
+
+.sub-menu-wrapper{
+	float: left;
+	width: 50%;
+	height: 100%;
+	display: inline-block;
+}
+
+.sub-menu-wrapper:first-child{
+	padding-right: 45px;
+}
+
+.sub-menu-wrapper:last-child{
+	padding-left: 15px;
+}
+
+.sub-menu:first-child{
+	padding-top: 0;
+}
+
+.sub-menu:last-child{
+	border-bottom: none;
+}
+
+.sub-header{
+	width: 100%;
+	color: #060606;
+    font-weight: 700;
+	margin-bottom: 15px;
+	display: inline-block;
+	text-transform: capitalize;
+}
+
+.menu-link,.lab-room{
+	float: left;
+	cursor: pointer;
+	font-size: 13.25px;
+	display: inline-block;
+	text-decoration: none;
+	color: #202124;
+}
+
+.lab-row{
+	margin-top: 5px;
+}
+
+.lab-link{
+	width: 100%;
+	height: 100%;
+	padding: 5px 10px;
+	border-radius: 2.5px;
+	display: inline-block;
+	background-color: #fff;
+	border: 1px solid rgb(218,220,224);
+}
+
+.laboratory-wrapper{
+	float: left;
+	padding: 0px 5px;
+	display: inline-block;
+}
+
+.laboratory-wrapper:hover *{
+	color: #060606;
+}
+
+.menu-link{
+	width: 100%;
+}
+
+.lab-link:hover,.menu-link:hover{
+	color: #202124;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.menu-link-wrapper{
+	display: flex;
+	padding: 2.5px 5px;
+}
+
+.menu-link-icon{
+	float: right;
+	font-size: 15px;
+	transform: translate(-20%,20%);
+}
+
+.material-icons{
+	font-size: 20px;
+	transform: translateY(0%);
+}
+
+.fa-user-alt{
+	transform: translateX(-10%) !important; 
+}
+
+.privileges-indicator{
+	float: right;
+	font-size: 13.25px;
+	color: #202124;
+	display: inline-block;
+	text-transform: capitalize;
+}
+
+@media screen and (max-width: 991px){
+	.sub-menu-wrapper{
+		width: 100%;
+		padding: 0px !important;
+	}
+
+	.sub-menu-wrapper:last-child{
+		padding-top: 7.5px !important;
+		border-top: 0.5px solid rgb(52,53,54);
+	}
+}

public_html/style/offered.css

@@ -0,0 +1,138 @@
+/*  Authors         :   Carlos C. Corrada-Bravo
+                        David J. Ortiz-Rivera
+
+    Organization    :   Centro de Desarrollo y Consultoria Computacional
+    Project         :   OPASO Material Registry   
+    File            :   offered.css
+    Description     :   Styling for offered page */
+
+.request{
+	cursor: pointer;
+}
+
+.request-icon{
+	font-size: 20px;
+}
+
+.form-message{
+    color: #202124;
+	margin-bottom: 15px;
+}
+
+.select-wrapper{
+    width: 100%;
+    margin-top: 15px;
+    display: inline-block;
+}
+
+.labs{
+	margin-left: 7.5px;
+}
+
+.form-shader{
+	opacity: 0;
+	z-index: -1;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	text-align: center;
+	position: absolute;
+	will-change: z-index,opacity;
+	background-color: rgb(0,0,0,0.85);
+	transition: z-index 0.25s,opacity 0.25s ease-in-out;
+}
+
+.form-actions{
+	width: 100%;
+	padding: 15px;
+	text-align: right;
+	display: inline-block;
+}
+
+.form-header-wrapper{
+	width: 100%;
+	display: inline-block;
+	padding: 10px 15px 0px;
+	border-bottom: 1px solid rgb(218,220,224);
+}
+
+.form-wrapper{
+	width: 375px;
+	z-index: 9999;
+	margin: auto;
+	text-align: left;
+	position: relative;
+	border-radius: 2.5px;
+	display: inline-block;
+	background-color: #fff;
+	border: 1px solid rgb(218,220,224);
+}
+
+.select-label{
+    color: #202124;
+}
+
+.form-body{
+	padding: 15px;
+	text-align: left;
+}
+
+.lab-form{
+	text-align: center;
+	height: 100%;
+	width: 100%;
+	padding: 100px 0;
+	will-change: opacity;
+	opacity: 0;
+	transform: translateY(-100%);
+	top: 0%;
+  	will-change: transform, opacity;
+	transition: transform 0.5s,opacity 0.5s ease-in-out;
+}
+
+.form-header{
+	float: left;
+    color: #202124;
+	display: inline-block;
+	text-transform: capitalize;
+}
+
+.close-icon{
+	float: right;
+	cursor: pointer;
+	color: darkgray;
+	display: inline-block;
+}
+
+.selects{
+	width: 100%;
+	display: inline-block;
+}
+
+.form{
+	width: 100%;
+	text-align: center;
+}
+
+.fade-in{
+    opacity: 1;
+    z-index: 9999;
+    transition: opacity 0.25s ease-in-out;
+}
+
+.slide-down{
+    opacity: 1;
+    z-index: 9999;
+    transform: translateY(0%);
+    transition: transform 0.5s,opacity 0.5s ease-in-out;
+}
+
+@media screen and (max-width: 991px){
+	.lab-form{
+		padding: 15px;
+	}
+
+	.form-wrapper{
+		width: 100%;
+	}
+}