extensions/net.sf.basedb.meludi/trunk/resources/css/printable.css

Code
Comments
Other
Rev Date Author Line
2933 14 Nov 14 olle 1 @charset "UTF-8";
2933 14 Nov 14 olle 2
2933 14 Nov 14 olle 3 @media print 
2933 14 Nov 14 olle 4 {
2933 14 Nov 14 olle 5   body
2933 14 Nov 14 olle 6   {
2933 14 Nov 14 olle 7     width: 100%;
2933 14 Nov 14 olle 8     margin: 0;
2933 14 Nov 14 olle 9     padding: 0;
2933 14 Nov 14 olle 10   }
2933 14 Nov 14 olle 11   
2933 14 Nov 14 olle 12   /* Start a new page on all elements with 'pagebreak' class */
2933 14 Nov 14 olle 13   .pagebreak
2933 14 Nov 14 olle 14   {
2933 14 Nov 14 olle 15     page-break-before: always;
2933 14 Nov 14 olle 16   }
2933 14 Nov 14 olle 17   
2933 14 Nov 14 olle 18   /* Hide when printing */
2933 14 Nov 14 olle 19   .noprint, .debug
2933 14 Nov 14 olle 20   {
2933 14 Nov 14 olle 21     display: none;
2933 14 Nov 14 olle 22   }
2933 14 Nov 14 olle 23 }
2933 14 Nov 14 olle 24
2933 14 Nov 14 olle 25 @media screen
2933 14 Nov 14 olle 26 {
2933 14 Nov 14 olle 27   body
2933 14 Nov 14 olle 28   {
2933 14 Nov 14 olle 29     background-color: #E8E8E8;
2933 14 Nov 14 olle 30   }
2933 14 Nov 14 olle 31   
2933 14 Nov 14 olle 32   /* Default is portrait */
2933 14 Nov 14 olle 33   .paper
2933 14 Nov 14 olle 34   {
2933 14 Nov 14 olle 35     position: absolute;
2933 14 Nov 14 olle 36     top: 1em;
2933 14 Nov 14 olle 37     left: 1em;
2933 14 Nov 14 olle 38     width: 210mm;
2933 14 Nov 14 olle 39     padding: 1em;
2933 14 Nov 14 olle 40     margin: 0;
2933 14 Nov 14 olle 41     background-color: #FFFFFF;
2933 14 Nov 14 olle 42     border: 1px dashed #A0A0A0;
2933 14 Nov 14 olle 43   }
2933 14 Nov 14 olle 44   
2933 14 Nov 14 olle 45   .paper.landscape
2933 14 Nov 14 olle 46   {
2933 14 Nov 14 olle 47     width: 300mm;
2933 14 Nov 14 olle 48   }
2933 14 Nov 14 olle 49   
2933 14 Nov 14 olle 50   .pagebreak
2933 14 Nov 14 olle 51   {
2933 14 Nov 14 olle 52     border-top: 1px dashed #A0A0A0;
2933 14 Nov 14 olle 53     margin-left: -1em;
2933 14 Nov 14 olle 54     margin-right: -1em;
2933 14 Nov 14 olle 55   }
2933 14 Nov 14 olle 56   
2933 14 Nov 14 olle 57   .debug 
2933 14 Nov 14 olle 58   {
2933 14 Nov 14 olle 59     position: absolute;
2933 14 Nov 14 olle 60     bottom: 0px;
2933 14 Nov 14 olle 61     left: 0px;
2933 14 Nov 14 olle 62     right: 0px;
2933 14 Nov 14 olle 63     height: 5em;
2933 14 Nov 14 olle 64     font-family: monospace;
2933 14 Nov 14 olle 65     background: #DDDDFF;
2933 14 Nov 14 olle 66     border-top: 1px solid #2288AA;
2933 14 Nov 14 olle 67     z-index: 999;
2933 14 Nov 14 olle 68     overflow: auto;
2933 14 Nov 14 olle 69   }
2933 14 Nov 14 olle 70   
2933 14 Nov 14 olle 71   .debug > div 
2933 14 Nov 14 olle 72   {
2933 14 Nov 14 olle 73     border-bottom: 1px dotted #2288AA;
2933 14 Nov 14 olle 74   }
2933 14 Nov 14 olle 75   
2933 14 Nov 14 olle 76 }
2933 14 Nov 14 olle 77
2933 14 Nov 14 olle 78 @media all
2933 14 Nov 14 olle 79 {
2933 14 Nov 14 olle 80   html
2933 14 Nov 14 olle 81   {
2933 14 Nov 14 olle 82     font-size: 75%;
2933 14 Nov 14 olle 83   }
2933 14 Nov 14 olle 84   
2933 14 Nov 14 olle 85   body
2933 14 Nov 14 olle 86   {
2933 14 Nov 14 olle 87     font-family: verdana, arial, sans-serif;
2933 14 Nov 14 olle 88     padding: 0;
2933 14 Nov 14 olle 89     margin: 0;
2933 14 Nov 14 olle 90   }
2933 14 Nov 14 olle 91   
2933 14 Nov 14 olle 92   h1
2933 14 Nov 14 olle 93   {
2933 14 Nov 14 olle 94     font-size: 1.4em;
2933 14 Nov 14 olle 95     margin-top: 0;
2933 14 Nov 14 olle 96   }
2933 14 Nov 14 olle 97   
2933 14 Nov 14 olle 98   table
2933 14 Nov 14 olle 99   {
2933 14 Nov 14 olle 100     border-spacing: 0px;
2933 14 Nov 14 olle 101     border: 0px;
2933 14 Nov 14 olle 102     padding: 0px;
2933 14 Nov 14 olle 103   }
2933 14 Nov 14 olle 104   
2933 14 Nov 14 olle 105   .fullwidth
2933 14 Nov 14 olle 106   {
2933 14 Nov 14 olle 107     margin-left: -1em;
2933 14 Nov 14 olle 108     margin-right: -1em;
2933 14 Nov 14 olle 109   }
2933 14 Nov 14 olle 110   
2933 14 Nov 14 olle 111   a, img
2933 14 Nov 14 olle 112   {
2933 14 Nov 14 olle 113     text-decoration: none;
2933 14 Nov 14 olle 114     border: 0px;
2933 14 Nov 14 olle 115   }
2933 14 Nov 14 olle 116   
2933 14 Nov 14 olle 117   .button
2933 14 Nov 14 olle 118   {
2933 14 Nov 14 olle 119     border: 1px solid #A0A0A0;
2933 14 Nov 14 olle 120     border-radius: 4px;
2933 14 Nov 14 olle 121     padding: 2px 5px 2px 5px;
2933 14 Nov 14 olle 122     background: #E8E8E8;
2933 14 Nov 14 olle 123     line-height: 2em;
2933 14 Nov 14 olle 124     white-space: nowrap;
2933 14 Nov 14 olle 125     cursor: pointer;
2933 14 Nov 14 olle 126   }
2933 14 Nov 14 olle 127   
2933 14 Nov 14 olle 128   .button:hover
2933 14 Nov 14 olle 129   {
2933 14 Nov 14 olle 130     border: 2px solid #2288AA;
2933 14 Nov 14 olle 131     padding: 1px 4px 1px 4px;
2933 14 Nov 14 olle 132   }
2933 14 Nov 14 olle 133   
2933 14 Nov 14 olle 134   .button img
2933 14 Nov 14 olle 135   {
2933 14 Nov 14 olle 136     padding-right: 5px;
2933 14 Nov 14 olle 137     vertical-align: text-bottom;
2933 14 Nov 14 olle 138   }
2933 14 Nov 14 olle 139   
2933 14 Nov 14 olle 140   img.canvas-copy
2933 14 Nov 14 olle 141   {
2933 14 Nov 14 olle 142     width: 700px;
2933 14 Nov 14 olle 143     height: 550px;
2933 14 Nov 14 olle 144   }
2933 14 Nov 14 olle 145
2939 17 Nov 14 olle 146   .meludi
2933 14 Nov 14 olle 147   {
2933 14 Nov 14 olle 148     font-size: smaller;
2933 14 Nov 14 olle 149   }
2933 14 Nov 14 olle 150   
2939 17 Nov 14 olle 151   .meludi:before
2933 14 Nov 14 olle 152   {
2933 14 Nov 14 olle 153     content: "(";
2933 14 Nov 14 olle 154   }
2939 17 Nov 14 olle 155   .meludi:after
2933 14 Nov 14 olle 156   {
2933 14 Nov 14 olle 157     content: ")";
2933 14 Nov 14 olle 158   }
2933 14 Nov 14 olle 159   
2933 14 Nov 14 olle 160   #printarea .noprint
2933 14 Nov 14 olle 161   {
2933 14 Nov 14 olle 162     display: none;
2933 14 Nov 14 olle 163   }
2933 14 Nov 14 olle 164   
2933 14 Nov 14 olle 165   #print-instructions
2933 14 Nov 14 olle 166   {
2933 14 Nov 14 olle 167     border-bottom: 1px dashed #A0A0A0; 
2933 14 Nov 14 olle 168     padding-left: 1em; 
2933 14 Nov 14 olle 169     padding-bottom: 1em;
2933 14 Nov 14 olle 170   }
2933 14 Nov 14 olle 171   
2933 14 Nov 14 olle 172   #print-button
2933 14 Nov 14 olle 173   {
2933 14 Nov 14 olle 174     float: left; 
2933 14 Nov 14 olle 175     margin-right: 1em;
2933 14 Nov 14 olle 176   }
2933 14 Nov 14 olle 177 }
2933 14 Nov 14 olle 178