Selaa lähdekoodia

add css for printing

Thomas Buck 3 vuotta sitten
vanhempi
commit
22afa0f28b
2 muutettua tiedostoa jossa 62 lisäystä ja 0 poistoa
  1. 1
    0
      page.html
  2. 61
    0
      static/css/print.css

+ 1
- 0
page.html Näytä tiedosto

@@ -15,6 +15,7 @@ else:
15 15
     <link rel="shortcut icon" href="img/favicon.ico" />
16 16
     <link rel="alternate" type="application/rss+xml" title="Blog" href="rss.xml" />
17 17
     <link type="text/css" rel="stylesheet" href="css/style.css" />
18
+    <link type="text/css" rel="stylesheet" href="css/print.css" media="print" />
18 19
     <link type="text/css" rel="stylesheet" href="css/sh_bright.min.css" />
19 20
     <link type="text/css" rel="stylesheet" href="css/gh-fork-ribbon.css" />
20 21
     <link type="text/css" rel="stylesheet" href="css/lightgallery.min.css" />

+ 61
- 0
static/css/print.css Näytä tiedosto

@@ -0,0 +1,61 @@
1
+.wrap {
2
+    display: none;
3
+}
4
+
5
+.github-fork-ribbon-wrapper {
6
+    display: none;
7
+}
8
+
9
+#nav {
10
+    display: none;
11
+}
12
+
13
+pre {
14
+    max-height: 100%;
15
+    font-size: 0.9em;
16
+    padding: 10px;
17
+    margin: 1em;
18
+    border-style: solid;
19
+    border-width: 2px;
20
+    border-color: purple; /* green; */ /* orange; */
21
+    border-radius: 10px;
22
+}
23
+
24
+.show-comments {
25
+    display: none;
26
+}
27
+
28
+#footer {
29
+    color: gray;
30
+    text-align: center;
31
+    margin-top: 1em;
32
+    font-size: small;
33
+}
34
+
35
+#footer a:link {
36
+    color: gray;
37
+}
38
+
39
+#footer a:visited {
40
+    color: gray;
41
+}
42
+
43
+#index-avatar {
44
+    width: 150px;
45
+    height: 150px;
46
+    float: right; border: 2px, solid, #000000;
47
+    border-radius: 10px;
48
+    background-image: url(https://www.gravatar.com/avatar/8d18fec40a74782052fb4c007d212475?s=150);
49
+    margin-left: 2em;
50
+    margin-bottom: 1em;
51
+}
52
+
53
+#index-twitter-page {
54
+    width: 100%;
55
+    margin-left: auto;
56
+    margin-right: auto;
57
+}
58
+
59
+iframe[id^='twitter-widget-'] {
60
+    width: 100%;
61
+}

Loading…
Peruuta
Tallenna