add noprint to mobileview
[lhc/web/wiklou.git] / skins / common / commonPrint.css
index f2220ea..666f4f3 100644 (file)
@@ -1,10 +1,10 @@
-/*
-** MediaWiki Print style sheet for CSS2-capable browsers.
-** Copyright Gabriel Wicke, http://www.aulinx.de/
-**
-** Derived from the plone (http://plone.org/) styles
-** Copyright Alexander Limi
-*/
+/**
+ * MediaWiki Print style sheet for CSS2-capable browsers.
+ * Copyright Gabriel Wicke, http://www.aulinx.de/
+ *
+ * Derived from the plone (http://plone.org/) styles
+ * Copyright Alexander Limi
+ */
 
 /* Thanks to A List Apart (http://alistapart.com/) for useful extras */
 a.stub,
@@ -18,15 +18,6 @@ a.new {
        background-color: #f9f9f9;
        padding: 5px;
 }
-body.ltr .tocindent {
-       margin-left: 2em;
-}
-body.rtl .tocindent {
-       margin-right: 2em;
-}
-.tocline {
-       margin-bottom: 0px;
-}
 
 /* images */
 div.floatright {
@@ -35,11 +26,6 @@ div.floatright {
        position: relative;
        margin: 0.5em 0 0.8em 1.4em;
 }
-body.rtl div.floatright {
-       float: left;
-       clear: left;
-       margin: 0.5em 1.4em 0.8em 0;
-}
 div.floatright p {
        font-style: italic;
 }
@@ -49,14 +35,12 @@ div.floatleft {
        position: relative;
        margin: 0.5em 1.4em 0.8em 0;
 }
-body.rtl div.floatleft {
-       float: right;
-       clear: right;
-       margin: 0.5em 0 0.8em 1.4em;
-}
 div.floatleft p {
        font-style: italic;
 }
+div.center {
+       text-align: center;
+}
 
 /* thumbnails */
 div.thumb {
@@ -84,33 +68,22 @@ html .thumbcaption {
        padding: 3px !important;
        font-size: 94%;
 }
-body.rtl .thumbcaption {
-       text-align: right;
-}
 
 div.magnify {
        display: none;
 }
+/* @noflip */
 div.tright {
        float: right;
        clear: right;
        margin: 0.5em 0 0.8em 1.4em;
 }
+/* @noflip */
 div.tleft {
        float: left;
        clear: left;
        margin: 0.5em 1.4em 0.8em 0;
 }
-body.rtl div.tright {
-       float: left;
-       clear: left;
-       border-width: 0.5em 1.4em 0.8em 0;
-}
-body.rtl div.tleft {
-       float: right;
-       clear: right;
-       border-width: 0.5em 0 0.8em 1.4em;
-}
 img.thumbborder {
        border: 1px solid #dddddd;
 }
@@ -126,15 +99,15 @@ table.rimage {
 }
 
 body {
-       background: White;
-       /*font-size: 11pt !important;*/
-       color: Black;
+       background: white;
+       color: black;
        margin: 0;
        padding: 0;
 }
 
 .noprint,
 div#jump-to-nav,
+.mw-jump,
 div.top,
 div#column-one,
 #colophon,
@@ -146,8 +119,13 @@ div#f-copyrightico,
 li#viewcount,
 li#about,
 li#disclaimer,
+li#mobileview,
 li#privacy,
-#mw-hidden-catlinks {
+#footer-places,
+.mw-hidden-catlinks,
+tr.mw-metadata-show-hide-extended,
+span.mw-filepage-other-resolutions,
+#filetoc {
        /* Hides all the elements irrelevant for printing */
        display: none;
 }
@@ -158,29 +136,28 @@ ul {
 
 #content {
        background: none;
-       border: none ! important;
-       padding: 0 ! important;
-       margin: 0 ! important;
+       border: none !important;
+       padding: 0 !important;
+       margin: 0 !important;
+       direction: ltr;
 }
 #footer {
        background : white;
        color : black;
-       border-top: 1px solid black;
+       margin-top: 1em;
+       border-top: 1px solid #AAA;
+       direction: ltr;
 }
 
 h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
 }
 
-p, .documentDescription {
-       margin: 1em 0 ! important;
+p {
+       margin: 1em 0;
        line-height: 1.2em;
 }
 
-.tocindent p {
-       margin: 0 0 0 0 ! important;
-}
-
 pre {
        border: 1pt dashed black;
        white-space: pre;
@@ -198,7 +175,7 @@ table.listing td {
 }
 
 a {
-       color: Black !important;
+       color: black !important;
        background: none !important;
        padding: 0 !important;
 }
@@ -209,7 +186,8 @@ a:link, a:visited {
        text-decoration: underline;
 }
 
-#content a.external.text:after, #content a.external.autonumber:after {
+#content a.external.text:after,
+#content a.external.autonumber:after {
        /* Expand URLs for printing */
        content: " (" attr(href) ") ";
 }
@@ -232,16 +210,23 @@ a:link, a:visited {
        padding: 1em;
        margin: 0 !important;
 }
+
 /* MSIE/Win doesn't understand 'inherit' */
-a, a.external, a.new, a.stub {
-       color: black ! important;
-       text-decoration: none ! important;
+a,
+a.external,
+a.new,
+a.stub {
+       color: black !important;
+       text-decoration: none !important;
 }
 
 /* Continue ... */
-a, a.external, a.new, a.stub {
-       color: inherit ! important;
-       text-decoration: inherit ! important;
+a,
+a.external,
+a.new,
+a.stub {
+       color: inherit !important;
+       text-decoration: inherit !important;
 }
 
 img {
@@ -250,34 +235,41 @@ img {
 }
 
 /* math */
-span.texhtml { font-family: serif; }
-
-#siteNotice { display: none; }
+span.texhtml {
+       font-family: serif;
+}
 
-/* image galleries */
-table.gallery {
-       border: 1px solid #ccc;
-       margin: 2px;
-       padding: 2px;
-       background-color: white;
-       border-collapse: collapse;
+#siteNotice {
+       display: none;
 }
 
-table.gallery tr {
+/* Galleries (see shared.css for more info) */
+li.gallerybox {
        vertical-align: top;
+       border: solid 2px white;
+       display: -moz-inline-box;
+       display: inline-block;
 }
 
-table.gallery td {
-       vertical-align: top;
-       padding: 1px;
-       border: 1px solid #ccc;
+ul.gallery, li.gallerybox {
+       zoom: 1;
+       *display: inline;
 }
 
-div.gallerybox {
+ul.gallery {
        margin: 2px;
+       padding: 2px;
+       display: block;
+}
+
+li.gallerycaption {
+       font-weight: bold;
+       text-align: center;
+       display: block;
+       word-wrap: break-word;
 }
 
-div.gallerybox div.thumb {
+li.gallerybox div.thumb {
        text-align: center;
        border: 1px solid #ccc;
        margin: 2px;
@@ -287,11 +279,12 @@ div.gallerytext {
        overflow: hidden;
        font-size: 94%;
        padding: 2px 4px;
+       word-wrap: break-word;
 }
 
-/*
-** Diff rendering
-*/
+/**
+ * Diff rendering
+ */
 table.diff {
        background: white;
 }
@@ -321,29 +314,73 @@ td.diff-context {
        text-decoration: underline;
 }
 
-/*
-** Table rendering
-** As on shared.css but with white background.
-*/
-table.wikitable {
+/**
+ * Table rendering
+ * As on shared.css but with white background.
+ */
+table.wikitable,
+table.mw_metadata {
        margin: 1em 1em 1em 0;
        border: 1px #aaa solid;
        background: white;
        border-collapse: collapse;
 }
-.wikitable th, .wikitable td {
+.wikitable th, .wikitable td,
+.mw_metadata th, .mw_metadata td {
        border: 1px #aaa solid;
        padding: 0.2em;
 }
-.wikitable th {
+.wikitable th,
+.mw_metadata th {
        text-align: center;
        background: white;
        font-weight: bold;
 }
-.wikitable caption {
+.wikitable caption,
+.mw_metadata caption {
        font-weight: bold;
 }
 
 a.sortheader {
-       margin: 0px 0.3em;
+       margin: 0 0.3em;
+}
+
+/* Some pagination options */
+.wikitable, .thumb, img {
+       page-break-inside: avoid;
+}
+h2, h3, h4, h5, h6, h7 {
+       page-break-after: avoid;
+}
+p {
+       widows: 3;
+       orphans: 3;
+}
+
+/**
+ * Categories
+ */
+.catlinks ul {
+       display: inline;
+       margin: 0;
+       padding: 0;
+       list-style: none;
+       list-style-type: none;
+       list-style-image: none;
+       vertical-align: middle !ie;
+}
+
+.catlinks li {
+       display: inline-block;
+       line-height: 1.15em;
+       padding: 0 .4em;
+       border-left: 1px solid #AAA;
+       margin: 0.1em 0;
+       zoom: 1;
+       display: inline !ie;
+}
+
+.catlinks li:first-child {
+       padding-left: .2em;
+       border-left: none;
 }