html/pootle.css

   1 /* Language codes that are styled with right-to-left (rtl) layout:
   2    ar (Arabic)
   3    arc (Aramaic)
   4    dv (Dhivehi)
   5    fa (Persian)
   6    he (Hebrew)
   7    ks (Kashmir)
   8    ps (Pashto)
   9    ur (Urdu)
  10    yi (Yiddish)
  11    also see pagelayout.py::languagedir()
  12 */
  13 /* Doesn't work: [dir="rtl"]*/
  14 *:lang(ar), *:lang(arc), *:lang(dv), *:lang(fa), *:lang(he), *:lang(ks), *:lang(ps), *:lang(ur), *:lang(yi)
  15 {
  16         /* If any styling is necessary for the rtl languages, add it here */
  17 }
  18 /* Default settings */
  19 *
  20 {
  21         font-family:  verdana, arial, tahoma, sans-serif;
  22         font-size: small;
  23 }
  24
  25 /* Language specific settings (see http://translate.sourceforge.net/wiki/l10n/displaysettings) */
  26 :lang(ak)
  27 {
  28         font-family: Lucida, "DejaVu Sans", inherit;
  29 }
  30 :lang(ar)
  31 {
  32         font-family: Tahoma 12, Nazli, KacstOne, "DejaVu Sans", inherit;
  33 }
  34 :lang(bn)
  35 {
  36         font-family: FreeSans, MuktiNarrow, Vrinda, inherit;
  37         font-size: medium;
  38         line-height: 110%;
  39 }
  40 :lang(el)
  41 {
  42         font-family: "DejaVu Sans", inherit;
  43 }
  44 :lang(fa)
  45 {
  46         font-family: Terafik, Traffic, Roya, Nazli, Nazanin, sans;
  47         font-size: large;
  48 }
  49 :lang(ja), :lang(ko)
  50 {
  51         font-size: medium;
  52 }
  53 :lang(zh)
  54 {
  55         font-size: large;
  56 }
  57 :lang(km)
  58 {
  59         font-family: "Khmer OS System", "Khmer OS", "Khmer Kampongtrach", "CDT Khmer", inherit;
  60         line-height: 170%;
  61 }
  62 :lang(vi)
  63 {
  64         font-family: "Lucida Grande", "Vu Phu Tho", "DejaVu Sans", inherit;
  65 }
  66 :lang(vi) a:hover[href]
  67 {
  68         text-decoration: none;
  69         color: #606047;
  70 }
  71 :lang(vi) a:active[href]
  72 {
  73         text-decoration: none;
  74         color: #606047;
  75 }
  76
  77 a               { color: #7090B7; text-decoration: none; }
  78 a:link          { color: #004077; text-decoration: none; }
  79 a:visited       { color: #004077; text-decoration: none; }
  80 a:hover[href]   { color: #004077; text-decoration: underline; }
  81 a:active[href]  { color: #004077; text-decoration: underline; }
  82 html {
  83 /*      height: 98%;*/
  84 /*      min-height: 98%;*/
  85 }
  86 body {
  87 /*      height: 98%;*/
  88 /*      min-height: 98%;*/
  89         background: url(images/gradient.png) repeat-x scroll;
  90         margin: 0px;
  91         padding: 0px;
  92 }
  93 #abovefooter
  94 {
  95 /*      min-height: 98%;*/
  96 }
  97 #about {
  98         position: relative;
  99         text-align: center;
 100         bottom: 0;
 101         clear: both;
 102 }
 103
 104 h1, h2, h3
 105 {
 106         margin: 0px;
 107         padding: 0px;
 108 }
 109 .title
 110 {
 111         color: #004077;
 112 }
 113 .title a
 114 {
 115        unicode-bidi: embed;
 116 }
 117 .icon
 118 {
 119         float: left;
 120         padding-right: 2px;
 121 }
 122 .icon[dir="rtl"]
 123 {
 124         float: right;
 125         padding-right: 0px;
 126         padding-left: 2px;
 127 }
 128 div.autoexpand
 129 {
 130         max-height: 50px;
 131         min-height: 1.5em;
 132         overflow: hidden;
 133         border-bottom: none;
 134 }
 135 div.contents
 136 {
 137         width:84%;
 138         padding:15px;
 139 }
 140 div.fullwidthcontents
 141 {
 142         width:100%;
 143         padding:15px;
 144 }
 145 div.item
 146 {
 147         margin-bottom:5px;
 148 }
 149 .item-even
 150 {
 151         background-color: #f4f4f4;
 152 }
 153 div.navbar
 154 {
 155         background-color: #cfd1d3;
 156         padding: 5px;
 157         min-height: 1.8em;
 158 }
 159 div.searchform
 160 {
 161         float: right;
 162         max-width: 30%;
 163 }
 164 div.searchform[dir="rtl"]
 165 {
 166         float: left;
 167 }
 168 div.goalitem
 169 {
 170         margin-bottom:6px;
 171         background-color: #F0F0B0;
 172         padding: 5px;
 173 }
 174 div.contentsitem
 175 {
 176         font-size:small;
 177         font-weight:normal;
 178 }
 179 div.item-description
 180 {
 181         font-size:small;
 182 }
 183 div.item-statistics
 184 {
 185         font-size: x-small;
 186         color: #000000;
 187 }
 188 .string-statistics
 189 {
 190         color: #505050;
 191 }
 192 div.translate-form
 193 {
 194         font-size: x-small;
 195 /*      direction: ltr;*/
 196 }
 197 table.translate-table
 198 {
 199         font-size: x-small;
 200         width:100%;
 201         border-spacing:1px;
 202         border:0;
 203 }
 204 .translate-table-title
 205 {
 206         font-weight: bolder;
 207         color: #004077;
 208         text-align: center;
 209 }
 210 div.translate-original-focus
 211 {
 212 /*      font-weight: bolder;*/
 213 }
 214 .translate-focus div.translate-original
 215 {
 216         border: 3px solid black;
 217 }
 218 td.translate-original
 219 {
 220         width: 50%;
 221 }
 222 td.translate-focus
 223 {
 224         border-top:2px solid #000000;
 225         padding-top: 1px;
 226         vertical-align: top;
 227 }
 228 td.comments
 229 {
 230         border-bottom:2px solid #000000;
 231 }
 232 textarea.comments
 233 {
 234         max-width: 100%;
 235         width: 100%;
 236 }
 237 .translate-original-odd
 238 {
 239         background-color: #ffffff;
 240 }
 241 .translate-original-even
 242 {
 243         background-color: #f4f4f4;
 244 }
 245 td.translate-translation
 246 {
 247         width: 50%;
 248 }
 249 .translate-translation-odd
 250 {
 251         background-color: #ffffff;
 252 }
 253 .translate-translation-even
 254 {
 255         background-color: #f4f4f4;
 256 }
 257 .translate-translation-fuzzy
 258 {
 259         color: #666;
 260         border-left: 4px solid #AAA;
 261         padding-left: 3px;
 262 }
 263 textarea.translate-translation-fuzzy
 264 {
 265         color: black;
 266         border-left: 6px groove gray;
 267         padding-left: 3px;
 268 }
 269 .translate-suggestion
 270 {
 271         background-color: #DDD;
 272 }
 273 .translator-comments
 274 {
 275         background-color: #b0d6de;
 276         overflow: auto;
 277 }
 278 .developer-comments
 279 {
 280         background-color: #b0d6de;
 281         margin-top: 10px;
 282         overflow: auto;
 283 }
 284
 285 .translate-context
 286 {
 287         background-color: #EEE;
 288         font-family: monospace;
 289         margin-top: 10px;
 290         overflow: auto;
 291 }
 292
 293 .translate-locations
 294 {
 295         background-color: #DDD;
 296         font-family: monospace;
 297         margin-top: 10px;
 298         overflow: auto;
 299 }
 300 .translate-diff-replace
 301 {
 302         background-color: #ffff00;
 303         border: 1px solid #f0f000;
 304 }
 305 .translate-diff-delete
 306 {
 307         background-color: #ff8000;
 308         border: 1px solid #f07000;
 309 }
 310 .translate-diff-insert
 311 {
 312         background-color: #80ff00;
 313         border: 1px solid #70f000;
 314 }
 315
 316 table.stats
 317 {
 318         width: 100%;
 319         border-spacing: 0;
 320         padding: 0;
 321         font-size: small;
 322 }
 323 th.stats
 324 {
 325         font-weight: bolder;
 326         color: #004077;
 327         text-align: center;
 328 }
 329 td.stats
 330 {
 331         text-align: right;
 332         border: 1px dotted #999;
 333         font-size: small;
 334 }
 335 .stats-name
 336 {
 337         border: 1px dotted #999;
 338         font-size: small;
 339 }
 340 td.stats-graph
 341 {
 342         border: 1px dotted #999;
 343 }
 344
 345 div.intro {
 346         color:#000;
 347         background: #FFFFDD;
 348         border: solid #777 1px;
 349         font-weight:normal;
 350         margin-bottom:15px;
 351         margin-left:15px;
 352         margin-right: 15px;
 353         padding: 10px;
 354 }
 355 div.info {
 356         color:#000;
 357         font-weight:normal;
 358         margin-left:15px;
 359         margin-right: 15px;
 360         padding: 10px;
 361 }
 362 #banner
 363 {
 364 }
 365 #banner h1
 366 {
 367         background: url(images/pootle-medium.png) no-repeat scroll left top;
 368         padding-left: 80px;
 369         font-size: xx-large;
 370         color: black;
 371         height: auto !important;
 372         min-height: 62px;
 373         height: 62px;
 374         text-align: left;
 375 }
 376 #banner[dir="rtl"] h1
 377 {
 378         background: url(images/pootle-medium.png) no-repeat scroll right top;
 379         padding-right: 80px;
 380         padding-left: 0px;
 381         text-align: right;
 382 }
 383 #content
 384 {
 385         width: 72%;
 386         padding-bottom:10px;
 387         /* ltr: */
 388         /* Removing the float styling fixes the broken account area on
 389          * about.html in old versions of Internet Explorer. See bug 253.
 390          */
 391 /*      float: left;*/
 392         margin-right: 27%;
 393         padding-left: 5px;
 394 }
 395 #content[dir="rtl"]
 396 {
 397         float: right;
 398         margin-left: 27%;
 399         margin-right: 0%;
 400         padding-right: 5px;
 401         padding-left: 0px;
 402 }
 403 #fullwidthcontent
 404 {
 405         float: left;
 406         width: 100%;
 407         margin-right:0px;
 408         padding-bottom:10px;
 409 }
 410 .sidebar
 411 {
 412         padding-right:10px;
 413         padding-left:10px;
 414         margin-left:0px;
 415         margin-right:0px;
 416         padding-bottom:10px;
 417         border-bottom:1px dotted #999;
 418         width:22%;
 419         /* ltr: */
 420         right: 0px;
 421         border-left: 1px dotted #999;
 422 }
 423 .sidebar[dir="rtl"]
 424 {
 425         /* undo ltr: */
 426         right: auto;
 427         border-left: none;
 428         /* rtl: */
 429         left: 0px;
 430         border-right: 1px dotted #999;
 431 }
 432 #links
 433 {
 434         position: absolute;
 435         top: 0px;
 436 }
 437 #tm
 438 {
 439         position: absolute;
 440         border-top: 1px dotted #999;
 441 }
 442 .sidetitle
 443 {
 444         color:#004077;
 445         font-size: small;
 446         font-weight:bolder;
 447         padding:2px;
 448         margin-top:10px;
 449         letter-spacing: .1em;
 450         border-bottom:1px dotted #999;
 451         text-align:center;
 452         text-transform:lowercase;
 453 }
 454 .side
 455 {
 456         color:#333;
 457         font-size: 0.7em;
 458         font-weight:normal;
 459         line-height:150%;
 460         padding:2px;
 461 }
 462 .account
 463 {
 464 }
 465 .upload
 466 {
 467         width: 100%;
 468 }
 469 .tm-unit
 470 {
 471         margin: 5px 0px 5px 0px;
 472         padding: 0px 2px 0px 0px;
 473         background-color: #F7F7F7;
 474         position: relative;
 475         cursor: pointer;
 476 }
 477 .tm-original
 478 {
 479         font-weight: bolder;
 480 }
 481 .tm-translation
 482 {
 483         font-style: oblique;
 484 }
 485 .tm-translation[dir="rtl"]
 486 {
 487         text-align: right;
 488 }
 489 textarea.translation
 490 {
 491         max-width: 100%;
 492         width: 100%;
 493 }
 494 .translation-text
 495 {
 496         max-width: 100%;
 497         overflow: auto;
 498 /*        white-space: pre-wrap;*/
 499         padding: 10px;
 500 }
 501 .translation-space
 502 {
 503         border-bottom: 1px solid #BBB;
 504         margin: 0em 0.2em 0em 0.2em;
 505         padding: 0em 0.2em 0em 0.2em;
 506         width: 0px;
 507         letter-spacing: -0.5em;
 508 }
 509 .translation-text-headers
 510 {
 511         font-weight: bolder;
 512         color: #006699;
 513 }
 514 a.translation-action
 515 {
 516         display: none;
 517         position: absolute;
 518         background: white;
 519         border: 1px dotted gray;
 520         margin: 2px;
 521         padding: 2px;
 522         z-index: 2;
 523 }
 524 div.translation-action
 525 {
 526         float: right;
 527         width: 0px;
 528         height: 0px;
 529 }
 530 div.translation-action[dir="rtl"]
 531 {
 532         float: left;
 533 }
 534 .specialchars
 535 {
 536         line-height: 150%;
 537         margin-top: 5px;
 538 }
 539 .extraspace
 540 {
 541         margin-left: 7px;
 542         margin-right: 7px;
 543 }
 544 .translation-highlight-space
 545 {
 546         background-color: #d3d3d3;
 547 }
 548 .translation-highlight-accelerator
 549 {
 550         color: #8b8b00;
 551         background-color: #add8e6;
 552 }
 553 .translation-highlight-variable
 554 {
 555         color: #8b0000;
 556 }
 557 .translation-highlight-escape
 558 {
 559         color: purple;
 560 }
 561 .translation-highlight-html
 562 {
 563         color: #A00000;
 564 }
 565 .trackerdetails
 566 {
 567         color:#0000ff;
 568 }
 569
 570 table.sortable img.sortarrow {
 571   padding-left: 2px;
 572   border: none;
 573   position: relative;
 574   top: 4px;
 575 }
 576 .sortkey {
 577   display: none;
 578 }