Merge pull request #11 from awlck/master

Update CSS for printability

Patterns/HTML/Base/Base.css

@@ -25,8 +25,15 @@ body {
 	-webkit-font-smoothing: antialiased;
 }
 
-a.function-link:link, a.function-link:visited {
-	text-decoration: black solid underline;
+@media screen {
+	a.function-link:link, a.function-link:visited {
+		text-decoration: black solid underline;
+	}
+}
+@media print {
+	a.function-link {
+		text-decoration: none;
+	}
 }
 a.function-link:active, a.function-link:hover {
 	font-weight: 700

Patterns/HTML/Base/Navigation.css

@@ -133,11 +133,19 @@ nav[role="navigation"] h1 {
     margin-top: 0em
 }
 
-main {
-    max-width: 1024px;
-    min-width: 320px;
-    margin-left: 250px;
-    min-height: 100%;
-    height: auto !important;
-    height: 100%
+@media screen {
+	main {
+		max-width: 1024px;
+		min-width: 320px;
+		margin-left: 250px;
+		min-height: 100%;
+		height: auto !important;
+		height: 100%
+	}
 }
+
+@media print {
+	nav[role="navigation"] {
+		display: none;
+	}
+}

Patterns/HTML/Base/Progress.css

@@ -104,3 +104,9 @@ nav[role="progress"] ul li a:active {
 nav[role="progress"] ul li a:hover {
     color: #dd2c0d
 }
+
+@media print {
+	nav[role="progress"] {
+		display: none;
+	}
+}

Patterns/HTML/Breadcrumbs/Breadcrumbs.css

@@ -6,6 +6,12 @@ div.breadcrumbs {
 	padding-bottom: 4px;
 }
 
+@media print {
+	div.breadcrumbs {
+		position: static;
+	}
+}
+
 .crumbs {
 	border:1px solid #dedede;
 	height:3em;
@@ -32,4 +38,4 @@ div.breadcrumbs {
 
 .crumbs li a:hover, #crumbs li a:focus {
 	color:#dd2c0d;
-}
+}

Patterns/HTML/Popups/Popups.css

@@ -9,6 +9,12 @@
   user-select: none;
 }
 
+@media print {
+	.popup {
+		display: none;
+	}
+}
+
 /* The actual popup */
 .popup .popuptext {
   visibility: hidden;