Merge branch 'vic-branch'

ualberta · Jul 23, 2014 · 2f547d6 · 2f547d6
2 parents 8316441 + 428f3e8
commit 2f547d6
Show file tree

Hide file tree

Showing 2 changed files with 78 additions and 0 deletions.
diff --git a/css/faculty.css b/css/faculty.css
@@ -1473,6 +1473,59 @@ ul.people-content ul {
     width: auto;
   }
 }
+@media screen and (max-width: 1000px) {
+  .people-table {
+    /* Force table to not be like tables anymore */
+    /* Hide table headers (but not display: none;, for accessibility) */
+    /*
+			Label the data
+			*/
+  }
+  .people-table table,
+  .people-table thead,
+  .people-table tbody,
+  .people-table th,
+  .people-table td,
+  .people-table tr {
+    display: block;
+  }
+  .people-table thead tr {
+    position: absolute;
+    top: -9999px;
+    left: -9999px;
+  }
+  .people-table tr {
+    border: 1px solid #ccc;
+  }
+  .people-table td:nth-of-type(1):before {
+    content: "Name and Title";
+    display: block;
+    font-family: "DIN Medium", sans-serif;
+    font-weight: normal;
+    font-size: 1.1em;
+  }
+  .people-table td:nth-of-type(2):before {
+    content: "Department";
+    display: block;
+    font-family: "DIN Medium", sans-serif;
+    font-weight: normal;
+    font-size: 1.1em;
+  }
+  .people-table td:nth-of-type(3):before {
+    content: "Area(s)";
+    display: block;
+    font-family: "DIN Medium", sans-serif;
+    font-weight: normal;
+    font-size: 1.1em;
+  }
+  .people-table td:nth-of-type(4):before {
+    content: "Contact";
+    display: block;
+    font-family: "DIN Medium", sans-serif;
+    font-weight: normal;
+    font-size: 1.1em;
+  }
+}
 .no-inlinesvg .blade-inner .brand {
   background: transparent url(../img/ua_logo.png) no-repeat center center;
   width: 12.142857142857142em;

diff --git a/less/faculty/pages/people.less b/less/faculty/pages/people.less
@@ -248,3 +248,28 @@ ul.people-content ul{
 		}
 	}
 }
+@media screen and (max-width: 1000px){
+	.people-table{
+	/* Force table to not be like tables anymore */
+		table, thead, tbody, th, td, tr { 
+			display: block; 
+		}
+
+	/* Hide table headers (but not display: none;, for accessibility) */
+		thead tr { 
+			position: absolute;
+			top: -9999px;
+			left: -9999px;
+		}
+
+		tr { border: 1px solid #ccc; }
+		/*
+			Label the data
+			*/
+			td:nth-of-type(1):before { content: "Name and Title"; display:block; font-family: "DIN Medium",sans-serif;font-weight: normal;font-size:1.1em;}
+			td:nth-of-type(2):before { content: "Department"; display:block; font-family: "DIN Medium",sans-serif;font-weight: normal;font-size:1.1em;}
+			td:nth-of-type(3):before { content: "Area(s)";  display:block; font-family: "DIN Medium",sans-serif;font-weight: normal;font-size:1.1em;}
+			td:nth-of-type(4):before { content: "Contact";  display:block; font-family: "DIN Medium",sans-serif;font-weight: normal;font-size:1.1em;}
+
+	}
+}