Merge branch '3.0'
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / layout / print.scss
1 /* print version */
2 @media print {
3 /** reset font colors, backgrounds and shadows **/
4 *,
5 ::after,
6 ::before {
7 background: 0 0 !important;
8 box-shadow: none !important;
9 color: #000 !important;
10 opacity: 1 !important;
11 text-shadow: none !important;
12 }
13
14
15 /** hide obsolete elements **/
16 /* general elements */
17 .pageHeaderContainer,
18 .pageNavigationIcons,
19 .userNotice,
20 .pageAction,
21 .contentHeaderNavigation,
22 .contentFooterNavigation,
23 .paginationTop,
24 .paginationBottom,
25 .buttonList,
26 .collapsibleButton,
27 .columnMark,
28 .statusDisplay,
29 .dialogContainer,
30 .formSubmit,
31 .tabMenu > ul > li:not(.active),
32
33 .showMore,
34
35 /* box layout */
36 .boxesSidebarLeft,
37 .boxesSidebarRight,
38 .boxesFooterBoxes,
39 .boxesFooter,
40
41 /* message layout */
42 .messageFooterButtons,
43 .messageFooterButtonsExtra,
44 .messageQuickOptions,
45 .messageGroupEditLink,
46 #messageQuickReply,
47 .messageAuthor .badgeOnline,
48
49 /* comment layout */
50 .jsCommentAdd,
51
52 /* user profile */
53 .userProfileCoverPhoto,
54 .userProfileButtonContainer,
55 .containerListButtonGroup {
56 display: none !important;
57 }
58
59 /** minor optimizations **/
60 .main {
61 padding: 20px 0;
62 }
63
64 .content {
65 flex-basis: auto !important;
66 max-width: none !important;
67 }
68
69 .pageNavigation {
70 display: block;
71 padding-top: 10px;
72
73 .breadcrumbs {
74 margin-left: 0;
75 }
76 }
77
78 .badge {
79 padding: 0 !important;
80
81 &::before {
82 content: "[";
83 }
84
85 &::after {
86 content: "]";
87 }
88 }
89
90 .userProfileUser {
91 position: static !important;
92 }
93
94 a.externalURL::after {
95 content: " (" attr(href) ")";
96 }
97
98 .messageList,
99 .messageList > li:not(:first-child) {
100 border-top: 1px solid $wcfContentBorder;
101 }
102
103 .messageList > li {
104 padding-top: 20px;
105 }
106
107 .messageSidebar {
108 margin: 0 !important;
109 padding: 0 !important;
110 }
111
112 /* see https://bugzilla.mozilla.org/show_bug.cgi?id=939897 */
113 .pageContainer,
114 .main > div {
115 display: block !important;
116 }
117 }