Source of “pachyletV2.css”.
365 lines, 8.1 KBytes.   Last modified 9:19 am, 30th September 2015 PDT.
1 /* Emacs settings: -*- mode: Fundamental; tab-width: 4; -*- 2 3 //////////////////////////////////////////////////////////////////////////// 4 // // 5 // Pachylet: Andrew's Web Mail Interface, Version 2 // 6 // // 7 // Copyright (c) 2002-2006 // 8 // // 9 // See http://birrell.org/pachylet/help.php // 10 // // 11 // Stylesheet // 12 // // 13 //////////////////////////////////////////////////////////////////////////// 14 15 */ 16 17 A:link { color: #000099; } 18 A:active { color: #ff0000; } 19 A:visited { color: #000099; } 20 .noTouch A:hover { color: #006600; } 21 22 body { 23 background-color: #ffffff; 24 color: #000000; 25 margin: 0px; 26 padding: 0px; 27 -webkit-text-size-adjust: 100%; 28 -moz-text-size-adjust: 100%; 29 -ms-text-size-adjust: 100%; 30 line-height: 1.1em; 31 } 32 .mainScreen { 33 overflow-Y: scroll; 34 } 35 .otherScreen { 36 overflow-Y: auto; 37 } 38 form, pre { /* trimmed layout, because browsers vary */ 39 margin: 0px; 40 } 41 .centered { /* Container centered in its containing box */ 42 margin-left: auto; 43 margin-right: auto; 44 } 45 .comment { /* helpful comments */ 46 font-size: 0.75em; 47 } 48 @media print { /* Non-printing DIV and SPAN */ 49 .npd { display: none } 50 } 51 div.sep { /* Separator bar */ 52 border: 1px #cccccc outset; 53 } 54 div.clear { /* Keep stuff clear from floating elements */ 55 clear: both; 56 } 57 div.msg { /* Padding around message and TOC areas */ 58 padding: 6px; 59 } 60 div.dlogScreen { /* dialog screens content DIV */ 61 background-color: #e0e0e0; 62 padding: 6px; 63 } 64 div.modalOverlay { /* modal overlay DIV */ 65 position: absolute; 66 z-index: 10; 67 width: 100%; 68 display: none; 69 background-color: #e0e0e0; 70 } 71 #modalizer { 72 background-color: #ffffff; 73 opacity: 0; 74 } 75 div.modalMsg { /* Modal messages */ 76 position: absolute; 77 z-index: 30; 78 left: 15%; 79 right: 15%; 80 margin-top: 72px; 81 border: 2px #cccccc ridge; 82 padding-left: 5%; 83 padding-right: 5%; 84 padding-top: 18px; 85 padding-bottom: 18px; 86 text-align: center; 87 background-color: #cccccc; 88 display: none; 89 } 90 #errorScreen { 91 background-color: #ff9999; 92 } 93 .modalMsgBtn { /* Buttons in modal messages */ 94 float: right; 95 } 96 .popup, .popupLeft { /* Pop-up dialogs */ 97 visibility: hidden; 98 position: absolute; 99 z-index: 20; 100 background-color: #cccccc; 101 margin: 0px; 102 border: 2px #cccccc ridge; 103 padding: 0px; 104 } 105 .popup { /* Pop-up at RHS */ 106 right: 0px; 107 } 108 .popupLeft { /* Pop-up at LHS */ 109 left: 0px; 110 } 111 #login { /* Main panel of login screen */ 112 margin-top: 1.5em; 113 margin-bottom: 1.5em; 114 margin-left: 10%; 115 margin-right: 10%; 116 border: 2px #cccccc ridge; 117 padding-top: 1.5em; 118 padding-bottom: 1.5em; 119 background-color: #99cc99; 120 } 121 #loginTitle { /* title in login window */ 122 text-align: center; 123 font-size: 1.5em; 124 } 125 #tocWrapper { /* TOC list and its widgets */ 126 position: relative; /* coordinate system for child positions */ 127 padding-right: 18px;/* space for scroll-bar widget */ 128 overflow: hidden; /* to terminate right edge before vertical bbar */ 129 } 130 .scrollbar { 131 position: absolute; 132 right: 0px; 133 top: 0px; 134 bottom: 0px; 135 width: 16px; 136 border-left: 2px #cccccc ridge; 137 background-color: #e0e0e0; 138 cursor: pointer; 139 -webkit-user-select: none; 140 } 141 .scroller, .scrollDragging { 142 border-width: 1px; 143 } 144 .scroller { 145 border-style: outset; 146 border-color: #88bbee; 147 background-color: #6699cc; 148 } 149 .scrollDragging { 150 border-style: inset; 151 } 152 #writing { /* writing progress DIV */ 153 position: absolute; 154 right: 16px; /* width of scrollbar */ 155 visibility: hidden; 156 color: #cccccc; 157 padding-top: 6px; 158 padding-right: 6px; 159 padding-bottom: 0px; 160 } 161 .fixedNoWrap, .fixedButWrap { 162 font-family: monospace, courier, "courier new", lucida; 163 font-size: 0.8em; 164 } 165 .fixedNoWrap { 166 white-space: pre; 167 } 168 #toc { /* TOC list */ 169 overflow: auto; 170 -webkit-overflow-scrolling: touch; 171 } 172 .touch #toc { /* easier to tap */ 173 line-height: 20px !important; 174 } 175 .bbWrapper { /* DIV wrapper around main button bar */ 176 overflow-x: auto; 177 } 178 .bb { /* Container for the button bars and pop-ups */ 179 background-color: #cccccc; 180 width: 100%; 181 white-space: nowrap; 182 } 183 div.bb { /* bb that's not a table (#draftContacts) */ 184 padding: 6px; 185 width: auto; 186 line-height: 1.4; 187 } 188 #folderList { /* subset of table.bb for folder list */ 189 float: right; 190 width: 10%; 191 border-top: 0px; 192 border-bottom: 2px #cccccc ridge; 193 border-left: 2px #cccccc ridge; 194 border-right: 0px; 195 } 196 table.dlogScreen { /* table for dialog-style screens */ 197 width: 100%; 198 } 199 #loginComment { /* comment at foot of login table */ 200 font-size: 0.75em; 201 text-align: center; 202 } 203 td.btn { /* TD for a button */ 204 width: 11%; 205 background-color: #6699cc; 206 margin: 0px; 207 border: 1px #cccccc inset; 208 padding: 0px; 209 text-align: center; 210 font-size: 0.75em; 211 } 212 #folderListPrefix { /* subset of td.btn for folder list */ 213 text-align: left; 214 } 215 #nextBtn { 216 background-color: #cccccc; 217 border: 0px; 218 } 219 td.btn a, div.disabledBtn { /* links inside td.btn, or a disabled btn */ 220 display: block; 221 height: 1.2em; /* fixes IE6 active area */ 222 margin: 0px; 223 padding-top: 0.2em; 224 padding-bottom: 0.2em; 225 padding-left: 1em; 226 padding-right: 1em; 227 } 228 #nextBtn a, #nextBtn div { /* link inside nextBtn, or disabled nextBtn */ 229 background-color: #6699cc; 230 border: 1px #cccccc inset; 231 padding-top: 1.0em; 232 padding-bottom: 1.0em; 233 } 234 .touch td.btn a, .touch div.disabledBtn { /* easier to tap */ 235 padding-top: 0.5em !important; 236 padding-bottom: 0.5em !important; 237 } 238 .touch #nextBtn a, .touch #nextBtn div { /* easier to tap */ 239 padding-top: 1.8em !important; 240 padding-bottom: 1.8em !important; 241 } 242 .reopenBtn { /* button and prompt for re-opening */ 243 border-left: 2px #cccccc ridge; 244 border-bottom: 2px #cccccc ridge; 245 padding: 2px; 246 background-color: #cccccc; 247 display: none; 248 position: absolute; 249 font-size: 0.75em; 250 } 251 #openFolders { /* button area for re-opening the folder list */ 252 right: 17px; 253 } 254 .openCloseBtn { /* open/close triangles */ 255 font-size: 16px; 256 text-decoration: none; 257 } 258 td.btnPad { /* TD for padding between buttons */ 259 width: 1%; 260 } 261 .folderListComment { /* Heading of folder list */ 262 font-size: 0.75em; 263 } 264 td.popupComment { 265 width: 15em; 266 white-space: normal; /* override the "nowrap" of table.bb */ 267 } 268 td.fsep { /* TD for separator line on a form */ 269 height: 1px; 270 width: 1px; 271 background-color: #999999; 272 } 273 td.findPromptOff { /* find dlg prompt not in use */ 274 background-color: inherit; 275 } 276 td.findPromptOn { /* find dlg prompt in use */ 277 background-color: #eeeeee; 278 } 279 div.findPromptClear { /* "clear" button for find dlg prompt */ 280 float: left; 281 padding: 2px; 282 padding-right: 1em; 283 text-align: left; 284 font-size: 0.75em; 285 } 286 #findWords { /* find query text */ 287 width: 97.5%; 288 } 289 #draftWrapper { /* establish coordinate system for draftContacts */ 290 position: relative; 291 } 292 #draftContacts { 293 border-left: 2px #cccccc ridge; 294 background-color: #ffffff; 295 position: absolute; 296 right: 0px; 297 top: 0px; 298 bottom: 0px; 299 width: 17em; 300 white-space: nowrap; 301 overflow-y: auto; 302 overflow-x: hidden; 303 } 304 #recipientList { /* the contacts recipient list */ 305 padding-left: 0px; 306 padding-right: 0px; 307 font-size: 0.85em; 308 } 309 #recipientList hr { 310 margin: 0px; 311 margin-top: 2px; 312 } 313 #recipientList a { 314 display: block; 315 padding-left: 6px; 316 } 317 #openContacts { /* button area for re-opening recipient list */ 318 top: 0px; 319 right: 0px; 320 } 321 #draftBody { 322 max-width: 100%; 323 } 324 td.folderScreenL { /* left column in folderScreen tables */ 325 width: 66%; 326 } 327 td.folderScreenM { /* middle column in folderScreen tables */ 328 width: 22%; 329 } 330 td.folderScreenR { /* right column in folderScreen tables */ 331 width: 11%; 332 } 333 div.cr { /* Credit line */ 334 background-color: #999999; 335 color: #ffffff; 336 } 337 a.crBtn { /* button in credit line */ 338 border-left: 2px #cccccc ridge; 339 background-color: #6699cc; 340 display: block; 341 float: right; 342 width: 4.0em; 343 text-align: center; 344 } 345 div.cr, a.crBtn { 346 border-top: 2px #cccccc ridge; 347 border-bottom: 2px #cccccc ridge; 348 padding-left: 6px; 349 padding-right: 6px; 350 padding-top: 2px; 351 padding-bottom: 2px; 352 font-size: 0.75em; 353 } 354 .touch div.cr, .touch a.crBtn { /* easier to tap */ 355 padding-top: 8px !important; 356 padding-bottom: 8px !important; 357 } 358 .noTouch td.btn a:hover, 359 .noTouch #nextBtn a:hover, 360 .noTouch a.crBtn:hover, 361 .noTouch .scroller:hover, 362 .noTouch .scrollDragging { 363 border-color: #aaddff; 364 background-color: #88bbee; 365 }
End of listing