#60

RRZE-Webteam · Oct 6, 2017 · 95c5de9 · 95c5de9
1 parent ec6d3cf
commit 95c5de9
Show file tree

Hide file tree

Showing 8 changed files with 234 additions and 109 deletions.
diff --git a/css/base.css b/css/base.css
diff --git a/css/print.css b/css/print.css
diff --git a/css/sass/_printer.scss b/css/sass/_printer.scss
@@ -0,0 +1,220 @@
+//-----------------------------------------------------------------------------------*/
+// Anpassungen für Media Print
+//-----------------------------------------------------------------------------------*/
+@media print {
+    @page { 
+	size:landscape; 
+	margin: 1cm;
+    }
+
+
+
+    abbr[title]:after {
+	content: " (" attr(title) ")";
+    }
+
+    /* Defining all page breaks */
+    a {
+	page-break-inside:avoid
+    }
+    blockquote {
+	page-break-inside: avoid;
+    }
+    h1, h2, h3, h4, h5, h6 { 
+	page-break-after:avoid; 
+	page-break-inside:avoid;
+    }
+    img { 
+	page-break-inside:avoid; 
+	page-break-after:avoid;
+    }
+    table, pre { 
+	page-break-inside:avoid;
+	border: none;
+    }
+    ul, ol, dl  { 
+	page-break-before:avoid; 
+    }
+    .topevent-description,
+    .widget, 
+    #content .startpage-sidebar .widget p,
+    ul, li, td, tr, th, p, span, div {
+	@include px2rem($font-size-print-base);
+    }
+
+    main {
+        position: relative;
+        display: block; 
+
+
+
+	thead {
+	    display: table-header-group;
+	}
+    }
+    th,
+    td,
+    li, 
+    .social,
+    p {
+
+            a[href]::after {
+                content: " (" attr(href) ")";
+                color: $colorPrintMain;
+                background-color: inherit;
+                font-style: italic;
+                size: 80%;
+            }
+            a[href^="#"]:after {
+                display: none;
+            }
+
+            a {
+                text-transform: inherit; 
+                word-wrap: break-word;
+                color: $colorPrintMainLinks;
+            }
+	    .meta-footer,
+	    .person-info,
+	    .event-time,
+	    article {
+		a[href^="#"]:after {
+		    content: "";
+		}
+	    } 
+
+    }
+
+    /**
+    * Making intergated videos disappear, and removing the iframes' whitespace to zero. 
+    */
+    .rrze-video,
+    .entry iframe, 
+    ins {
+	display: none;
+	width: 0 !important;
+	height: 0 !important;
+	overflow: hidden !important;
+	line-height: 0pt !important;
+	white-space: nowrap;
+    }
+    .embed-youtube, .embed-responsive {
+      position: absolute;
+      height: 0;
+      overflow: hidden;
+    }
+
+
+
+    #social {
+
+	.col-xs-3,
+	.col-xs-9 {
+	    width: 100%;
+	}
+
+	ul.social li {
+	    max-width: none;
+
+	}
+
+    }
+
+    .sidebar-subnav {
+	display: none;
+    }
+    .entry-content {
+	width: 100%;
+    }
+
+    #hero {
+	display: none;
+
+	&.hero-small {	
+	    margin:0;
+	    position: relative;
+	    display: block;
+
+	    .col-xs-12,
+	    .col-sm-8 {
+		width: 100%;
+	    }
+
+	}
+	.hero-meta-portal,
+	.breadcrumbs {
+	    display: none;
+	}
+    }
+    .widget_archive,
+    .widget widget_nav_menu,
+    .widget_categories,
+    .widget_tag_cloud,
+    .contentmenu,
+    .link-all-videos,
+    .events-more-links,
+    .flex-direction-nav,
+    .widget_search,
+    .subpages-menu li a.image.ext-link:after,
+    .logos-menu-nav,
+    .logos-menu-settings,
+   .sorttable th::after, 
+    #meta,
+    #footer-nav,
+    #header .row .header-menu,
+    .fau-werbung {
+	display: none;
+    }
+    .admin-bar #header,
+    #header {
+	position: relative;
+	top: 0;
+    }
+
+    hr {
+	height: 20px;
+	box-shadow: none;
+    }
+
+
+    .accordion {
+	.accordion-body, 
+	.assistant-tab-pane {
+	    display:block;
+	}
+	.accordion-toggle { 
+	    border: none; 
+	    background: none; 
+	    padding: 10px 0; 
+	}
+	.accordion-inner { 
+	    background: none; 
+	    padding: 0;
+	}
+    }
+
+
+
+    footer {
+	margin-top: 70px;
+
+	.footer-logo {
+	    margin-top: 10px;
+	}
+    }
+    footer:before {
+	content: 'Hinweis: Interaktive Teile der Webseite sind im Druck nicht sichbar. Bitte schonen Sie die Umwelt und vermeiden unnötige Ausdrücke.';
+	color: #777;
+	white-space: pre;
+	display: block;
+	margin-top: -40px;
+	text-align: right;
+	right: 0;
+	position: absolute;
+	font-style: italic;
+	@include px2rem($font-size-print-base-small);
+    }
+    :lang(en) footer:before {
+	content: 'Notice: Dynamic parts of the websites are hidden in print. Please consider the environment before printing.';
+    }
+}
diff --git a/css/sass/_variables.scss b/css/sass/_variables.scss
@@ -53,7 +53,10 @@ $siegelurl: '../img/siegel-zuv-schnitt.png';
 $errorimage:  '../img/friedrich-alexander.gif';  
 
 $colorPrimaryHero:	    $colorPrimary;
-
+
+$colorPrintMain:	    #000;
+$colorPrintMainLinks:	    $colorText;
+
  @if $farbfamilie == 'med' {
     $colorPrimary: $colorMedFak;
     $PalettonHellste:	#eaf3fc; // #35C0DA;
@@ -209,6 +212,9 @@ $font-size-pagination-links:	$font-size-content-meta;
 
 $font-size-mobile-meta:	24;
 
+
+$font-size-print-base:		11;
+$font-size-print-base-small:	9;
 // Define breakpoints
 
 // iPhone 3G

diff --git a/css/sass/base.scss b/css/sass/base.scss
@@ -28,4 +28,5 @@
 // Plugin-Support
 @import "plugins/plugins";
 
-
+// Printer Adjustments
+@import "printer";
diff --git a/css/sass/print.scss b/css/sass/print.scss
diff --git a/functions/posttype_ad.php b/functions/posttype_ad.php
@@ -331,11 +331,12 @@ function fau_get_ad($type, $withhr = true) {
 		$list[0] = $val;
 	   } 
 
+
+
+	   $out .= '<aside class="fau-werbung'.$class.'" role="region">';
 	   if ($withhr) {
 	       $out .= "<hr>\n";
 	   }
-
-	   $out .= '<aside class="fau-werbung'.$class.'" role="region">';
 	   foreach ($list as $id) {
 
 		$out .= '<h3>';	    

diff --git a/style.css b/style.css
@@ -13,5 +13,4 @@ Text Domain: fau
 */
 
 @import url(css/base.css);
-@import url(css/print.css);