Add correct margin for dd when user language direction is different from intended...
[lhc/web/wiklou.git] / skins / common / commonPrint.css
index 7dcb570..eef889e 100644 (file)
-/*
-** 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,
-a.new{ color:#ba0000; text-decoration:none; }
+a.new {
+       color: #ba0000;
+       text-decoration: none;
+}
+
+#toc {
+       border: 1px solid #aaaaaa;
+       background-color: #f9f9f9;
+       padding: 5px;
+}
 
-#toc { 
-    /*border:1px solid #2f6fab;*/
-    border:1px solid #aaaaaa;
-    background-color:#f9f9f9;
-    padding:5px;
+/* images */
+div.floatright {
+       float: right;
+       clear: right;
+       position: relative;
+       margin: 0.5em 0 0.8em 1.4em;
 }
-.tocindent {
-       margin-left: 2em;
+div.floatright p {
+       font-style: italic;
 }
-.tocline {
-       margin-bottom: 0px;
+div.floatleft {
+       float: left;
+       clear: left;
+       position: relative;
+       margin: 0.5em 1.4em 0.8em 0;
 }
-.toctoggle, .editsection {
-       font-size: smaller;
+div.floatleft p {
+       font-style: italic;
+}
+div.center {
+       text-align: center;
 }
 
-/* images */
-div.floatright { 
-    float: right; 
-    margin: 0;
-    position:relative;
-    border: 0.5em solid White;
-    border-width: 0.5em 0 0.8em 1.4em;
-}
-div.floatright p { font-style: italic;} 
-div.floatleft { 
-    float: left; 
-    margin: 0.3em 0.5em 0.5em 0;
-    position:relative;
-    border: 0.5em solid White;
-    border-width: 0.5em 1.4em 0.8em 0;
-}
-div.floatleft p { font-style: italic; } 
 /* thumbnails */
 div.thumb {
-    margin-bottom: 0.5em;
-    border-style: solid; border-color: White;
-    width: auto;
-    overflow: hidden;
-}
-div.thumb div {
-    border:1px solid #cccccc;
-    padding: 3px !important;
-    background-color:#f9f9f9;
-    font-size: 94%;
-    text-align: center;
-}
-div.thumb div a img {
-    border:1px solid #cccccc;
-}
-div.thumb div div.thumbcaption {
-    border: none;
-    padding: 0.3em 0 0.1em 0;
-}
-div.magnify { display: none; }
+       border: none;
+       width: auto;
+       margin-top: 0.5em;
+       margin-bottom: 0.8em;
+       background-color: transparent;
+}
+div.thumbinner {
+       border:1px solid #cccccc;
+       padding: 3px !important;
+       background-color: White;
+       font-size: 94%;
+       text-align: center;
+       overflow: hidden;
+}
+html .thumbimage {
+       border: 1px solid #cccccc;
+}
+html .thumbcaption {
+       border: none;
+       text-align: left;
+       line-height: 1.4em;
+       padding: 3px !important;
+       font-size: 94%;
+}
+
+div.magnify {
+       display: none;
+}
+/* @noflip */
 div.tright {
-    float: right;
-    border-width: 0.5em 0 0.8em 1.4em;
+       float: right;
+       clear: right;
+       margin: 0.5em 0 0.8em 1.4em;
 }
+/* @noflip */
 div.tleft {
-    float: left;
-    margin-right:0.5em;
-    border-width: 0.5em 1.4em 0.8em 0;
+       float: left;
+       clear: left;
+       margin: 0.5em 1.4em 0.8em 0;
+}
+img.thumbborder {
+       border: 1px solid #dddddd;
 }
 
 /* table standards */
 table.rimage {
-    float:right; 
-    width:1pt; 
-    position:relative;
-    margin-left:1em; 
-    margin-bottom:1em;
-    text-align:center;
+       float: right;
+       width: 1pt;
+       position: relative;
+       margin-left: 1em;
+       margin-bottom: 1em;
+       text-align: center;
 }
 
 body {
-    background: White;
-    /*font-size: 11pt !important;*/
-    color: Black;
-    margin: 0;
-    padding: 0;
+       background: white;
+       color: black;
+       margin: 0;
+       padding: 0;
 }
 
 .noprint,
 div#jump-to-nav,
+.mw-jump,
 div.top,
 div#column-one,
 #colophon,
@@ -103,186 +116,270 @@ div#column-one,
 .tochidden,
 div#f-poweredbyico,
 div#f-copyrightico,
-li#f-viewcount,
-li#f-about,
-li#f-disclaimer,
-li#f-privacy {
-    /* Hides all the elements irrelevant for printing */
-    display: none;
+li#viewcount,
+li#about,
+li#disclaimer,
+li#privacy,
+#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;
 }
 
-ul { 
-    list-style-type: square;
+ul {
+       list-style-type: square;
 }
 
 #content {
-    background: none;
-    border: none ! important;
-    font-size: 11pt;
-    padding: 0 ! important;
-    margin: 0 ! important;
+       background: none;
+       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;
+h1, h2, h3, h4, h5, h6 {
+       font-weight: bold;
 }
 
-p, .documentDescription {
-    margin: 1em 0 ! important;
-    line-height: 1.2em;    
-}
-
-.tocindent p {
-       margin: 0 0 0 0 ! important;
+p {
+       margin: 1em 0;
+       line-height: 1.2em;
 }
 
 pre {
-    border: 1pt dashed black;
-    white-space: pre;
-    font-size: 8pt;
-    overflow: auto;
-    padding: 1em 0;
-       background : white;
-       color : black;
+       border: 1pt dashed black;
+       white-space: pre;
+       font-size: 8pt;
+       overflow: auto;
+       padding: 1em 0;
+       background: white;
+       color: black;
 }
 
 table.listing,
 table.listing td {
-    border: 1pt solid black;
-    border-collapse: collapse;
+       border: 1pt solid black;
+       border-collapse: collapse;
 }
 
 a {
-    color: Black !important;
-    padding: 0 !important
+       color: black !important;
+       background: none !important;
+       padding: 0 !important;
 }
 
 a:link, a:visited {
-    color: #520;
-    background: transparent;
-    text-decoration: underline;
+       color: #520;
+       background: transparent;
+       text-decoration: underline;
 }
 
-#content a.external.text:after, #content a.external.autonumber:after {
-    /* Expand URLs for printing */
-    content: " (" attr(href) ") ";
+#content a.external.text:after,
+#content a.external.autonumber:after {
+       /* Expand URLs for printing */
+       content: " (" attr(href) ") ";
 }
 
 #globalWrapper {
-    width: 100% !important;
-    min-width: 0 !important;
+       width: 100% !important;
+       min-width: 0 !important;
 }
 
 #content {
-       background : white;
-       color : black;
+       background: white;
+       color: black;
 }
 
 #column-content {
-    margin: 0 !important;
+       margin: 0 !important;
 }
 
 #column-content #content {
-    padding: 1em;
-    margin: 0 !important;
+       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 { border: none; }
-img.tex { vertical-align: middle; }
-span.texhtml { font-family: serif; }
-
-div.townBox {
-    position:relative;
-    float:right;
-    background:White;
-    margin-left:1em;
-    border: 1px solid gray;
-    padding:0.3em;
-    width: 200px;
-    overflow: hidden;
-    clear: right;
-}
-div.townBox dl {
-    padding: 0;
-    margin: 0 0 0.3em 0; 
-    font-size: 96%;
+img {
+       border: none;
+       vertical-align: middle;
 }
-div.townBox dl dt {
-    background: none;
-    margin: 0.4em 0 0 0;
+
+/* math */
+span.texhtml {
+       font-family: serif;
 }
-div.townBox dl dd {
-    margin: 0.1em 0 0 1.1em;
-    background-color: #f3f3f3;
+
+#siteNotice {
+       display: none;
 }
 
-#siteNotice { display: none; }
+/* 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 {
-        border:  1px solid #cccccc;
-        margin:  2px;
-        padding: 2px;
-        background-color:#ffffff;
+ul.gallery, li.gallerybox {
+       zoom: 1;
+       *display: inline;
 }
 
-table.gallery tr { 
-        vertical-align:top;
+ul.gallery {
+       margin: 2px;
+       padding: 2px;
+       display: block;
 }
 
-div.gallerybox {
-        border: 1px solid #cccccc;
-        margin: 2px;
-        background-color:#f9f9f9;
-        width:  150px;
+li.gallerycaption {
+       font-weight: bold;
+       text-align: center;
+       display: block;
+       word-wrap: break-word;
 }
 
-div.gallerybox div.thumb {
-        text-align: center;
-        border: 1px solid #cccccc;
-        margin: 2px;
-}       
+li.gallerybox div.thumb {
+       text-align: center;
+       border: 1px solid #ccc;
+       margin: 2px;
+}
 
 div.gallerytext {
-        font-size: 94%;
-        padding: 2px 4px;
-}       
-
-/*
-** Diff rendering
-*/
-table.diff { background:white; }
-td.diff-otitle { background:#ffffff; }
-td.diff-ntitle { background:#ffffff; }
+       overflow: hidden;
+       font-size: 94%;
+       padding: 2px 4px;
+       word-wrap: break-word;
+}
+
+/**
+ * Diff rendering
+ */
+table.diff {
+       background: white;
+}
+td.diff-otitle {
+       background: #ffffff;
+}
+td.diff-ntitle {
+       background: #ffffff;
+}
 td.diff-addedline {
-    background:#ccffcc;
-    font-size: smaller;
-    border: solid 2px black;
+       background: #ccffcc;
+       font-size: smaller;
+       border: solid 2px black;
 }
 td.diff-deletedline {
-    background:#ffffaa;
-    font-size: smaller;
-    border: dotted 2px black;
+       background: #ffffaa;
+       font-size: smaller;
+       border: dotted 2px black;
 }
 td.diff-context {
-    background:#eeeeee;
-    font-size: smaller;
+       background: #eeeeee;
+       font-size: smaller;
+}
+.diffchange {
+       color: silver;
+       font-weight: bold;
+       text-decoration: underline;
+}
+
+/**
+ * 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,
+.mw_metadata th, .mw_metadata td {
+       border: 1px #aaa solid;
+       padding: 0.2em;
+}
+.wikitable th,
+.mw_metadata th {
+       text-align: center;
+       background: white;
+       font-weight: bold;
+}
+.wikitable caption,
+.mw_metadata caption {
+       font-weight: bold;
 }
-span.diffchange { color: silver; font-weight: bold; text-decoration: underline; }
 
+a.sortheader {
+       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;
+}