[Summary view] [Print] [Text view]

   1  html, body, textarea, input {
   2      font-family: "Helvetica", "Arial", sans-serif;
   3      color: #333;
   4      line-height: 1.5em;
   5      font-size: 14px;
   6      margin: 0 .5em 0 .5em;
   7  }
   8  input, textarea {
   9      font-size: 1em;
  10  }
  11  h1 {
  12      font-size: 1.25em;
  13      font-weight: normal;
  14  }
  15  h1 a.logo {
  16      float: left;
  17  }
  18  h1 img {
  19      margin-right: 1em;
  20      vertical-align: middle;
  21  }
  22  h1 span.breadcrumb {
  23      float: left;
  24      margin-top: 19px;
  25  }
  26  /* we take the liberty to make visited the same as link */
  27  a, a:link, a:visited {
  28      color: #2F34B8;
  29  }
  30  a:active {
  31      color: red;
  32  }
  33  a img {
  34      border: 0;
  35  }
  36  a.disabled {
  37      color: #aaa;
  38      text-decoration: none;
  39  }
  40  h2 {
  41      background-color: #ddd;
  42      padding: 0.5em;
  43  }
  44  h2 a.edit {
  45      font-size: 0.75em;
  46      text-decoration: none;
  47  }
  48  h3 {
  49      font-size: 1.1em;
  50      font-weight: bold;
  51      background-color: #eee;
  52      padding: 0.25em 0.5em;
  53      color: #444;
  54  }
  55  select {
  56      font-size: 12px;
  57      line-height: 14px;
  58      -webkit-border-radius: 3px;
  59      border-radius: 3px;
  60      border: 1px solid #dfdfdf;
  61      background-color: #fff;
  62      padding: 2px;
  63      height: 2em;
  64  }
  65  input.button {
  66      text-decoration: none;
  67      font-size: 12px;
  68      line-height: 14px;
  69      padding: 3px 8px;
  70      cursor: pointer;
  71      border: 1px solid #bbb;
  72      color: #464646;
  73      -webkit-border-radius: 3px;
  74      border-radius: 3px;
  75      -moz-box-sizing: content-box;
  76      -webkit-box-sizing: content-box;
  77      box-sizing: content-box;
  78      background-color: #f2f2f2; /* Fallback */
  79      background-image: -ms-linear-gradient(bottom, #ededed, #fff); /* IE10 */
  80      background-image: -moz-linear-gradient(bottom, #ededed, #fff); /* Firefox */
  81      background-image: -o-linear-gradient(bottom, #ededed, #fff); /* Opera */
  82      background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff)); /* old Webkit  */
  83      background-image: -webkit-linear-gradient(bottom, #ededed, #fff); /* new Webkit */
  84      background-image: linear-gradient(bottom, #ededed, #fff); /* proposed W3C Markup */
  85      text-shadow: #fff 0 1px 0;
  86  }
  87  .breadcrumb a {
  88      color: #3A7399;
  89      text-decoration: none;
  90  }
  91  #hello {
  92      font-family: "Helvetica", "Arial", sans-serif;
  93      color: #333;
  94      font-weight: normal;
  95      float: right;
  96      font-size: 0.75em;
  97      letter-spacing: 0;
  98      margin-right: 1em;
  99  }
 100  textarea {
 101      font-size: 100%;
 102      padding: 0.5em;
 103      line-height: 1.5em;
 104      width: 40em;
 105  }    
 106  table.translations, table.translation-sets {
 107      font-size: 90%;
 108      width: 100%;
 109      border-spacing: 0.1em;
 110  }
 111  table.translations thead th,
 112  table.translations tfoot th,
 113  table.translation-sets thead th,
 114  table.translations tfoot th {
 115      font-weight: bold;
 116      color: #eee;
 117      background-color: #555;    
 118      padding: 0.5em;
 119  }
 120  table.translations tr, table.translation-sets tr {
 121      border: 0;
 122  }
 123  table.translations td.translation ul {
 124      margin: 0;
 125      padding: 0;
 126      list-style-type: none;
 127  }
 128  table.translations td.translation li {
 129      padding-bottom: 0.25em;
 130      border-bottom: 1px dotted #ccc;
 131  }
 132  table.translations td.translation li:last-child {
 133      padding-bottom: 0;
 134      border-bottom: none;
 135  }
 136  table.translations td.translation span.missing {
 137      color: #ddd;
 138      font-style: italic;
 139  }
 140  table.translations td.translation span.missing a {
 141      color: #ccc;
 142      font-style: italic;
 143  }
 144  
 145  table.translations td, table.translations th, table.translation-sets td, table.translation-sets th {
 146      padding: 0.5em;
 147      border: 1px solid #eee;
 148      /* white-space: pre-wrap; */
 149      margin: 0;
 150      border-spacing: 0;
 151  }
 152  table.translations td.checkbox {
 153      vertical-align: middle;
 154      text-align: center;
 155  }
 156  table.translations td.priority {
 157      text-align: center;
 158      font-size: 1.3em;
 159  }
 160  table.translations td.actions {
 161      text-align: center;
 162  }
 163  table.translations.translation-sets-rtl .foreign-text {
 164      direction: rtl;
 165  }
 166  
 167  table.translations td.original, table.translations td.translation {
 168      width: 40%;
 169  }
 170  
 171  table.translations th.original, table.translations th.translation  {
 172      width: 45%;
 173  }
 174  table.translations tr.even {
 175      background-color: #fcfcfc;
 176  }
 177  table.translations tr.editor {
 178      background-color: #F8FFEC;
 179      display: none;
 180  }
 181  table.translations tr.preview.status-fuzzy, #legend .status-fuzzy {
 182      background-color: #FC6;
 183  }
 184  table.translations tr.preview.status-current, #legend .status-current  {
 185      background-color: #E9FFD8;
 186  }
 187  table.translations tr.preview.status-old, #legend .status-old {
 188      background-color: #FEE4F8;
 189  }
 190  table.translations tr.preview.status-waiting, #legend .status-waiting {
 191      background-color: #FFFFC2;
 192  }
 193  table.translations tr.preview.status-rejected, #legend .status-rejected {
 194      background-color: #FF8E8E;
 195  }
 196  table.translations tr.preview.has-warnings td.original, div#legend div.has-warnings {
 197      border-left: 2px solid red;
 198  }
 199  
 200  table.translations a.action {
 201      font-size: 100%;
 202      font-style: normal;
 203  }
 204  #footer {
 205      text-align: center;
 206      font-size: 85%;
 207      background-color: #ddd;
 208      padding: 0.5em;
 209  }
 210  .separator {
 211      font-size: 80%;
 212      margin: 0.25em;
 213  }
 214  .clear {
 215      clear: both;
 216  }
 217  .half {
 218      float: left;
 219      width: 50%;
 220  }
 221  span.context {
 222      background-color: #aaa;
 223      color: white;
 224      font-size: 100%;
 225      padding: 0.3em;
 226  }
 227  span.morethan90 {
 228      background-color: green;
 229      color: white;
 230  }
 231  
 232  .editor .original {
 233      font-weight: bold;
 234      white-space: pre-wrap;
 235      width: 50em;
 236  }
 237  .editor .strings {
 238      float: left;
 239      width: 60%;
 240  }
 241  .editor .strings p.plural-numbers {
 242      margin-bottom: 0;
 243      color: #555;
 244      font-size: 0.75em;
 245  }
 246  .editor .strings p.plural-numbers span.numbers {
 247      font-weight: bold;
 248  }
 249  .editor .textareas, .editor .actions {
 250      clear: both;
 251  }
 252  .editor .textareas textarea {
 253      width: 45em;
 254      min-height: 8em;
 255  }
 256  .editor .meta {
 257      float: left;
 258      margin-left: 2em;
 259  }
 260  .editor .meta dl {
 261      margin: 0.1em 1em;
 262  }
 263  .editor .meta dt, .editor .meta dd {
 264      display: inline;
 265      margin: 0;
 266  }
 267  .editor .meta dt {
 268      margin-right: 0.5em;
 269  }
 270  .editor .meta dt {
 271      margin-right: 0.5em;    
 272  }
 273  .editor .meta dd {
 274      color: #444;
 275      font-weight: bold;
 276  }
 277  
 278  #gp-js-message {
 279      position: fixed;
 280      top: 0;
 281      padding: 0.5em;
 282      display: none;
 283      font-size: 85%;
 284      z-index: 1001;
 285  }
 286  .gp-js-error, .error {
 287      color: white;
 288      background-color: red;    
 289  }
 290  .gp-js-notice, .notice {
 291      color: #222;
 292      background-color: #FDDF9D;
 293  }
 294  .gp-js-success {
 295      color: white;
 296      background-color: #00DA12;
 297  }
 298  .notice, .error {
 299      clear: both;
 300      padding: 0.5em;    
 301  }
 302  
 303  a.bubble, .bubble {
 304      font-size: 80%;
 305      color: white;
 306      padding: 0.2em 0.3em 0.1em 0.2em;
 307      text-decoration: none;
 308      -webkit-border-radius: 0.2em;
 309      -moz-border-radius: 0.2em;
 310      text-align: center;
 311  }
 312  span.active {
 313      background-color: yellow;
 314      color: #555;
 315      font-weight: bold;
 316  }
 317  h1 span.active {
 318      font-size: 75%;    
 319      float: left;
 320      -webkit-border-radius: 0.4em;
 321      -moz-border-radius: 0.4em;
 322      margin-top: 17px;
 323      margin-left: .5em;
 324  }
 325  ul a.edit, dt a.edit {
 326      background-color: #777;    
 327  }
 328  ul a.delete {
 329      background-color: #FF4F50;
 330  }
 331  .paging {
 332      float: right;
 333  }
 334  .paging a, .paging span {
 335      font-size: 0.9em;
 336      display: block;
 337      width: 2em;
 338      height: 2em;
 339      border: 1px solid #ddd;
 340      float: left;
 341      text-align: center;
 342      line-height: 2em;
 343      margin: 0.3em;
 344      text-decoration: none;
 345  }
 346  .paging .current, .paging .dots {
 347      border-color: transparent;
 348      color: black;
 349      width: 1.3em;
 350  }
 351  .paging .current {
 352      font-weight: bold;
 353  }
 354  .paging .next {
 355      margin-right: 1px;
 356  }
 357  .paging .disabled {
 358      color: #999;
 359      border-color: #eee;
 360  }
 361  .bulk-actions {
 362      float: left;
 363  }
 364  .bulk-actions input {
 365      margin-right: 8px;
 366  }
 367  .bulk-actions select {
 368      width: 130px;
 369  }
 370  form.filters-toolbar > div {
 371      line-height: 2em;
 372  }
 373  form.filters-toolbar ul {
 374      list-style-type: none;    
 375  }
 376  form.filters-toolbar a.revealing {
 377      text-decoration: none;
 378  }
 379  form.filters-toolbar a.revealing, form.filters-toolbar .separator {
 380      margin-bottom: 0;
 381  }
 382  form.filters-toolbar a.revealing.open {
 383      font-weight: bold;
 384  }
 385  form.filters-toolbar a.revealing:first-child {
 386      margin-left: 0.5em;
 387  }
 388  form.filters-toolbar strong.separator {
 389      font-size: 1.8em;
 390      vertical-align: bottom;
 391  }
 392  dl.filters-expanded {
 393      float: left;
 394      font-size: 80%;    
 395      padding: 0.8em;
 396      margin: 0 0 0.5em 0.2em;
 397      background-color: #eee;
 398      border-radius: 0.3em;
 399      -webkit-border-radius: 0.3em;
 400      -moz-border-radius: 0.3em;
 401  }
 402  dl.filters-expanded dt, dl.filters-expanded dd {
 403      float: left;
 404      margin: 0;
 405      padding: 0;
 406  }
 407  dl.filters-expanded dt {
 408      margin-right: 0.5em;
 409      font-weight: bold;
 410  }
 411  dl.filters-expanded dd {
 412      margin-right: 2em;
 413  }
 414  dl.filters-expanded dd.separator {
 415      border-left: 1px dotted #777;
 416      height: 4em;
 417      width: 1em;
 418  }
 419  dl.filters-expanded.bulk-actions a {
 420      display: block;
 421  }
 422  dl.filters-expanded dt p:first-child, dl.filters-expanded dd p:first-child {
 423      margin-top: 0;
 424      padding-top: 0;
 425  }
 426  .hidden,
 427  .js .hide-if-js,
 428  .no-js .hide-if-no-js {
 429      display: none;
 430  }
 431  .clearfix:after {
 432      content: ".";
 433      display: block;
 434      height: 0;
 435      clear: both;
 436      visibility: hidden;
 437  }
 438  table.translation-sets .stats a {
 439      color: black;
 440      text-decoration: none;
 441      -webkit-border-radius: 0.3em;
 442      -moz-border-radius: 0.3em;
 443      padding: 0.1em 0.2em;
 444      font-weight: bold;
 445      font-size: 1.1em;
 446      text-align: center;
 447  }
 448  
 449  .personal-options #source-url-template {
 450      width: 20em;
 451  }
 452  .invisibles {
 453      color: #888;
 454      font-size: 85%;
 455      padding: 0;
 456      margin-left: 2px;
 457  }
 458  .secondary {
 459      font-size: 0.85em;
 460  }
 461  .ternary {
 462      font-size: 0.7em;
 463  }
 464  
 465  .actionlist {
 466      margin-left: 1em;
 467  }
 468  
 469  .actionlist a, .actionlist a:link, .actionlist a:visited {
 470      color: #4D56DC;
 471  }
 472  .actionlist a:active {
 473      color: red;
 474  }
 475  .permissions .user {
 476      font-weight: bold;
 477  }
 478  .permissions .permission-action {
 479      font-style: italic;
 480      color: #999;
 481  }
 482  .warning {
 483      background-color: white;
 484      color: #E44B3E;
 485      border: 1px solid #E44B3E;
 486      margin: 1em 0;
 487      padding: 0.5em;
 488  }
 489  .warning a.discard-warning {
 490      float: right;
 491  }
 492  .textareas .warning {
 493      width: 53em;
 494  }
 495  p.description {
 496      max-width: 60em;
 497      margin-left: 1em;
 498      padding-left: 1em;
 499      border-left: 3px solid #aaa;
 500      margin-top: -0.75em;
 501  }
 502  span.added {
 503      color: green;
 504  }
 505  span.removed {
 506      color: red;
 507  }
 508  #legend {
 509      margin-top: 1em;
 510  }
 511  #legend div {
 512      margin-right: .5em;
 513      float: left;
 514      line-height: 1.5em;
 515  }
 516  #legend .box {
 517      border: 1px solid #ccc;
 518      width: 1.5em;
 519      height: 1.5em;
 520      padding: 0;
 521  }
 522  .text {
 523      width: 45em;
 524      margin-left: 6em;
 525  }
 526  
 527  a.project-actions {
 528      font-weight: bold;
 529      text-decoration: none;
 530  }
 531  .project-actions ul {
 532      margin-top: 0em;
 533  }
 534  
 535  .with-sub-projects {
 536      margin-left: 24em;
 537  }
 538  
 539  #sub-projects {
 540      float: left;
 541      width: 20em;
 542      margin-right: 4em;
 543      margin-left: -24em;
 544  }
 545  
 546  #sub-projects dd {
 547      font-size: 0.75em;
 548      line-height: 1.3em;
 549      color: #888;
 550      margin: 0;
 551  }
 552  #sub-projects dl {
 553      margin-left: 0.5em;
 554  }
 555  
 556  #sub-projects dt {
 557      margin-top: 0.5em;
 558  }
 559  #sub-projects a {
 560      font-weight: bold;
 561      text-decoration: none;
 562  }
 563  #sub-projects a.action {
 564      font-weight: normal;
 565  }
 566  
 567  .with-sub-projects #translation-sets {
 568      float: right;
 569      width: 100%;
 570  }
 571  
 572  .translation-sets .percent {
 573      font-weight: bold;
 574  }
 575  .translation-sets .stats {
 576      text-align: center;
 577  }
 578  .translation-sets td {
 579      padding: 0.5em 0.75em;
 580  }
 581  
 582  .translation-sets tr {
 583      background-color: #eee;
 584  }
 585  .translation-sets tr.odd {
 586      background-color: #fff;
 587  }
 588  .translation-sets tr:hover {
 589      background-color: #dee;
 590  }
 591  .translation-sets tr.odd:hover {
 592      background-color: #eff;
 593  }
 594  #submit {
 595      font-size: 1.5em;
 596      margin: 0 0.1em 0 0;
 597  }
 598  span.or-cancel {
 599      font-size: 0.85em;
 600  }
 601  table.form-table th {
 602      text-align: left;
 603      vertical-align: text-top;
 604  }
 605  table.form-table th, table.form-table td {
 606      padding: 10px 0 0 0;
 607  }
 608  
 609  .tablesorter th.header {
 610      background-repeat: no-repeat;
 611      background-position: center right;
 612      cursor: pointer;
 613  }
 614  
 615  .tablesorter th.headerSortUp { 
 616      background-image: url(../img/asc.gif); 
 617      background-color: #3399FF; 
 618  }
 619  
 620  .tablesorter th.headerSortDown { 
 621      background-image: url(../img/desc.gif); 
 622      background-color: #3399FF; 
 623  }
 624  
 625  
 626  @media (max-width: 800px) {
 627      #sub-projects {
 628          float: none;
 629      }
 630  
 631      #translation-sets.with-sub-projects {
 632          margin: 0;
 633      }
 634  }