src/e_cidadania/static_files/css/screen.css

   1 /*
   2     Copyright (c) 2010-2012 Cidadanía Coop.
   3     Written by: Oscar Carballal Prego <oscar.carballal@cidadania.coop>
   4
   5     This file is part of the e-cidadania.
   6
   7     Distributed under terms of the GPLv3 license.
   8 */
   9
  10 /* HTML TAGS DEFINITION */
  11
  12 body {
  13         background: #FAFAFA;
  14         padding: 0;
  15         margin: 0;
  16         font-family: 'Duru Sans', Verdana, "Lucida Sans", Arial;
  17         font-size: 12px;
  18         color: #000;
  19         cursor: default;
  20 }
  21
  22 a {
  23         text-decoration: none;
  24 }
  25
  26 img {
  27         border: none;
  28 }
  29
  30 textarea {
  31     width: 510px;
  32     margin: 10px;
  33 }
  34 /* END HTML TAGS DEFINITION */
  35
  36 /* COMMON CUSTOMIZATIONS */
  37 hr { /* This hr replaces the bootstrap one */
  38     border-bottom: 1px solid #DDD;
  39 }
  40
  41 .hidden {
  42     display: none;
  43 }
  44
  45 .error {
  46     background: #DDBBBB;
  47     border: 1px solid #FF6666;
  48 }
  49
  50 .help-inline {
  51     display: inline-block;
  52     *display: inline;
  53     *zoom: 1;
  54     margin-bottom: 9px;
  55     vertical-align: middle;
  56     padding-left: 5px;
  57     color: #F00;
  58 }
  59
  60 .nounderline:hover {
  61     text-decoration: none;
  62 }
  63
  64 .popover {
  65     color: #222;
  66 }
  67
  68 #logo {
  69     float: left;
  70     /* The logo image must be 75px height */
  71     width: 150px;
  72     height: 105px;
  73     padding: 25px 37px 0px 37px;
  74 }
  75
  76 #banner {
  77     float: left;
  78     height: 105px;
  79     padding-top: 25px;
  80 }
  81
  82 #jsnotify {
  83     margin-top: 45px;
  84 }
  85
  86 .mainfooter {
  87     position: fixed;
  88     bottom: 0;
  89     padding-top: 5px;
  90     padding-bottom: 5px;
  91     width: 100%;
  92     margin: auto;
  93     color: #EEE;
  94     background: #000;
  95     opacity: 0.8;
  96     border: none;
  97     font-size: 10px;
  98 }
  99
 100 .mainfooter a {
 101     text-decoration: none;
 102 }
 103
 104 .centered {
 105     height: 400px;
 106     position: absolute;
 107     top: 20%;
 108     margin-top: -200px;
 109 }
 110
 111 #gritter-notice-wrapper {
 112     background: #000;
 113     opacity: 0.8;
 114     -webkit-border-radius: 5px;
 115     -moz-border-radius: 5px;
 116     border-radius: 5px;
 117     margin-top: 10px;
 118 }
 119 /* END COMMON CUSTOMIZATIONS */
 120
 121 /* BOOTSTRAP OVERRIDES */
 122 .modal {
 123     width: 700px;
 124     height: 500px;
 125     margin: -250px 0 0 -350px;
 126     overflow: auto;
 127 }
 128 /* END BOOTSTRAP OVERRIDES */
 129
 130 /* MAIN INDEX */
 131 .introtitle {
 132     font-size: 3em;
 133 }
 134
 135 .languageform {
 136     margin:0px;
 137 }
 138
 139 .indexrow {
 140     width: 960px;
 141     margin: 0px auto;
 142 }
 143
 144 .indexblock {
 145     width: 91%;
 146     padding: 1% 4%;
 147     padding: 40px 4.52%;
 148     box-shadow: 0 -1px 1px #AAA;
 149 }
 150
 151 .one {
 152     background: #333;
 153     border-top: 1px solid #444;
 154     border-bottom: 1px solid #999;
 155     box-shadow: 0 -1px 1px #AAA;
 156     margin-top:25px;
 157 }
 158
 159 .two {
 160     background: #EFEFEF;
 161     border-top: 1px solid #EFEFEF;
 162     border-bottom: 1px solid #999;
 163     box-shadow: 0 -1px 1px #AAA;
 164 }
 165
 166 .three {
 167     background: #FFF;
 168     border-top: 1px solid #EFEFEF;
 169     box-shadow: 0 -2px 2px #AAA;
 170 }
 171
 172 .languageform img {
 173     float:left;
 174     padding-right:15px;
 175 }
 176 /* END MAIN INDEX */
 177
 178 /* SPACE INDEX */
 179 .posttitle {
 180     border-bottom: 1px solid #DDD;
 181     font-weight:normal;
 182 }
 183
 184 .postinfo {
 185     margin-top: -10px;
 186     padding-top: 5px;
 187     padding-bottom: 5px;
 188     border-bottom: 1px solid #DDD;
 189     background: #EEE;
 190 }
 191 /* END SPACE INDEX */
 192
 193 /* NEWS LIST/ARCHIVE */
 194 .listitem {
 195     width: 100%;
 196     color: #000;
 197     margin: 20px 0 20px 0;
 198 }
 199
 200 .listmonth {
 201     font-size: 2em;
 202     text-transform: uppercase;
 203 }
 204
 205 .listdate {
 206     font-size: 1.5em;
 207     color: #000;
 208     float: left;
 209     padding: 10px;
 210     border-right: 1px solid #DDD;
 211     margin-right: 10px;
 212 }
 213
 214 .listtitle {
 215     font-size: 1.5em;
 216     color: #000;
 217     padding: 10px;
 218 }
 219 /* END NEWS LIST/ARCHIVE */
 220
 221 /* COMMENT LIST */
 222 .comment {
 223     border-right: 1px solid #DDD;
 224     border-left: 1px solid #DDD;
 225     border-bottom: 1px solid #DDD;
 226     padding-bottom: 8px;
 227     margin-bottom: 10px;
 228 }
 229
 230 .comment_data {
 231     background: #EEE;
 232     border-top: 1px solid #DDD;
 233     border-bottom: 1px solid #DDD;
 234     padding: 5px;
 235     margin-bottom: 15px;
 236 }
 237
 238 .comment_text {
 239     padding: 0px 10px 0px 10px;
 240 }
 241
 242 .commentform {
 243     border: 1px solid #DDD;
 244     background: #EEE;
 245     padding: 20px 0 20px 0;
 246 }
 247 #comments {
 248     margin-top: 40px;
 249 }
 250
 251 #ctitle {
 252     font-size: 2em;
 253     margin-left: 10px;
 254     margin-bottom: 15px;
 255 }
 256
 257 #comment {
 258     margin: 10px;
 259 }
 260
 261 #comment .comment_text {
 262     margin: 20px;
 263     font-size: 14px;
 264 }
 265
 266 #comment .comment_data {
 267     margin: 5px;
 268     -webkit-border-radius: 5px;
 269     -moz-border-radius: 5px;
 270     border-radius: 5px;
 271     background: #CCC;
 272     padding: 5px;
 273 }
 274
 275 /* END COMMENT LIST*/
 276
 277 /* PROPOSAL STYLES */
 278 .proposal-wrapper {
 279     background: none;
 280     border: 1px solid #DDD;
 281     padding: 10px;
 282     /* Fancy round borders for Webkit, Gecko and standard
 283        implementations */
 284     border-bottom-left-radius: 7px;
 285     border-bottom-right-radius: 7px;
 286     -moz-border-radius-bottomleft: 7px;
 287     -moz-border-radius-bottomright: 7px;
 288     -webkit-border-bottom-left-radius: 7px;
 289     -webkit-border-bottom-right-radius: 7px;
 290 }
 291
 292 #votes {
 293     float: left;
 294     display: block;
 295     text-align: center;
 296     width: 50px;
 297     height: 50px;
 298     margin: 10px;
 299 }
 300
 301 #proposal {
 302     float: left;
 303     margin: 10px;
 304     width: 80%;
 305 }
 306
 307 .proposal-title {
 308     font-size: 1.7em;
 309     margin-bottom: 10px;
 310
 311 }
 312
 313 .proposal-message {
 314     margin-bottom: 10px;
 315     font-size: 12px;
 316 }
 317
 318 .proposal-creator {
 319     font-size: 10px;
 320     font-style: italic;
 321     margin-bottom: 5px;
 322 }
 323
 324
 325 .map, #proposalmap {
 326     width: 400px;
 327     height: 350px;
 328 }
 329
 330 .map img {
 331     max-width:none;
 332 }
 333 /* END PROPOSAL STYLES */
 334
 335 /* NEWS */
 336 .post {
 337     width: 100%;
 338     /* border-bottom: 5px solid #aaa;*/
 339     background: #EEE;
 340     margin: 20px 5px 20px 5px;
 341     padding: 5px;
 342     -webkit-border-top-left-radius: 20px;
 343     -webkit-border-bottom-right-radius: 20px;
 344     -moz-border-radius-topleft: 20px;
 345     -moz-border-radius-bottomright: 20px;
 346     border-top-left-radius: 20px;
 347     border-bottom-right-radius: 20px;
 348     overflow: hidden;
 349 }
 350
 351 .post h1 {
 352     padding-bottom: 3px;
 353     margin: -30px 15px 20px 15px;
 354     font-size: 2em;
 355     font-family: 'SansationRegular';
 356     border-bottom: 3px solid #999;
 357     margin-top: 5px;
 358 }
 359
 360 .post h4 {
 361     font-size: 0.95em;
 362     color: #000;
 363     margin-top: -12px;
 364     margin-left: 16px;
 365     font-weight: normal;
 366 }
 367 .post a {
 368     color: #333;
 369 }
 370
 371 .post a:hover {
 372     color: #aaa;
 373     text-decoration: underline;
 374 }
 375
 376 .post p {
 377     font-size: 1em;
 378     text-indent: 15px;
 379     text-align: justify;
 380     margin: 15px;
 381 }
 382
 383 .post img {
 384     margin: 10px;
 385 }
 386
 387
 388 /* END NEWS */
 389
 390 /* PAGES */
 391 .buttons {
 392     margin-top: -10px;
 393 }
 394 .pageinfo {
 395     font-size: 9px;
 396     float: right;
 397     color: #555;
 398     margin: 20px 10px 20px 10px;
 399     text-shadow: 1px 1px 1px #FFF;
 400     clear: both;
 401 }
 402
 403 .pagebutton {
 404     font-size: 1em;
 405     padding: 6px 10px;
 406     margin: 10px;
 407     background: #DDD;
 408     border: 1px solid #AAA;
 409     color: #444;
 410     /*-webkit-border-radius: 5px;
 411     -moz-border-radius: 5px;
 412     border-radius: 5px;*/
 413 }
 414
 415 /* CALENDAR */
 416 tbody td {
 417     background: #EEE;
 418     text-align: right;
 419     width: 50px;
 420     border: 2px solid #FFF;
 421     padding: 5px;
 422 }
 423
 424 tbody tr .month {
 425     font-size: 1.6em;
 426     font-weight: normal;
 427     background: #999;
 428     font-family: "SansationRegular";
 429     color: #FFF;
 430     padding: 10px;
 431 }
 432
 433 th.mon, th.tue, th.wed, th.thu, th.fri, th.sat, th.sun {
 434     height: 50px;
 435     width: 50px;
 436     line-height: 50px;
 437     background: #CCC;
 438     text-align: left;
 439     font-size: 1.2em;
 440     padding-left: 15px;
 441     border: 2px solid #FFF;
 442 }
 443
 444 td.mon, td.tue, td.wed, td.thu, td.fri, td.sat, td.sun {
 445     font-size: 1.3em;
 446     padding: 15px;
 447 }
 448
 449 td.mon:hover, td.tue:hover, td.wed:hover, td.thu:hover, td.fri:hover, td.sat:hover, td.sun:hover {
 450     background: #FFF;
 451 }
 452
 453 td.filled ul li {
 454     text-align: left;
 455     margin-bottom: 10px;
 456 }
 457
 458 td.filled ul li a {
 459     color: #666;
 460     text-decoration: underline;
 461     font-size: 0.8em;
 462 }
 463
 464 .noday {
 465     background: #FAFAFA;
 466 }
 467
 468 .filled {
 469     background: #DDF;
 470 }
 471
 472 .today {
 473     background: #FFA;
 474     border: 3px solid #DD0;
 475 }
 476 /* END CALENDAR */
 477
 478 /* DEBATE */
 479 .specialmargin {
 480     width: 90%;
 481     padding: 1% 4%;
 482     background: #222;
 483     border-top: 1px solid #999;
 484     border-bottom: 1px solid #999;
 485     padding: 40px 4.52%;
 486     overflow: hidden;
 487 }
 488
 489 #debate, #debate td {
 490     border-style: none;
 491 }
 492
 493 .note #view-note a {
 494     color: #000;
 495     padding: 0px 5px 0px 5px;
 496 }
 497
 498 .note #edit-note a {
 499     color: #000;
 500     padding: 0px 5px 0px 5px;
 501 }
 502
 503 #debate td, th {
 504         border-width: 1px;
 505         border-spacing: 0px;
 506         border-style: inset;
 507         border-color: #CCC;
 508         border-collapse: collapse;
 509 }
 510
 511 tbody td {
 512     width: 0;
 513 }
 514
 515 tbody td.criteria-title, tbody th.criteria-title {
 516     width: 160px;
 517 }
 518
 519 .handler {
 520     float: left;
 521     height: 18px;
 522     width: 110px;
 523     background-color: rgba(255, 255, 255, 0.6);
 524     /*background-color: #867794;*/
 525     margin: -5px 0px 0px -5px;
 526 }
 527
 528 .deletenote a {
 529     text-decoration: none;
 530     color: #F00;
 531     padding: 0px 5px 0px 5px;
 532 }
 533
 534 .deletenote a:hover {
 535     text-decoration: none;
 536     color: #F00;
 537 }
 538
 539 .note, .note-alpha {
 540     background-color: #dbdbfb; /*#b9a6cf; /*url('../assets/note.png');*/
 541     font-size: 0.8em;
 542     width: 100px;
 543     height: 100px;
 544     float: left;
 545     margin: 5px;
 546     padding: 5px;
 547     -webkit-box-shadow: 0 2px 12px rgba(128,128,128,.5);
 548     -moz-box-shadow: 0 2px 12px rgba(128,128,128,.5);
 549     box-shadow: 0 1px 1px #888;
 550     /*-webkit-transform: rotate(-2deg);
 551     -moz-transform: rotate(-2deg);
 552     -o-transform: rotate(-2deg);*/
 553 }
 554
 555 #debate th {
 556     border: none;
 557 }
 558
 559 .note-text {
 560     font-size: 1em;
 561 }
 562
 563 .mine {
 564     background-color: #FFFF99;
 565 }
 566
 567 .note-alpha {
 568     opacity: 0.5;
 569 }
 570
 571 tbody * ul {
 572     width: 100%;
 573     min-height: 50px;
 574     min-width: 50px;
 575 }
 576
 577 #debate td, #debate th {
 578     vertical-align: middle;
 579     text-align: center;
 580 }
 581
 582 #new-column-btn, #new-row-btn, #del-column-btn, #del-row-btn {
 583     margin-right: 5px;
 584 }
 585
 586 #contenttitles h2 {
 587   margin-bottom: 20px;
 588 }
 589
 590
 591 #new-column-btn, #del-column-btn {
 592     float: right;
 593 }
 594
 595 #debate-tutorial {
 596     margin: 0 auto;
 597 }
 598
 599 .note textarea {
 600     width: 80px;
 601     height: 70px;
 602     background: transparent;
 603     border: none;
 604     color: #000;
 605 }
 606
 607 table .criteria-title {
 608     width: 100px;
 609 }
 610
 611 #debate td:first-child {
 612 }
 613
 614 .debate-ttitle {
 615     margin: 1px -10px;
 616     border-top: 1px solid #CCC;
 617     border-bottom: 1px solid #CCC;
 618     border-left: 1px solid #CCC;
 619     padding: 40px 10px;
 620     width: 150px;
 621     background: #EEE;
 622     -webkit-border-top-left-radius: 10px;
 623     -webkit-border-bottom-left-radius: 10px;
 624     -moz-border-radius-topleft: 10px;
 625     -moz-border-radius-bottomleft: 10px;
 626     border-top-left-radius: 10px;
 627     border-bottom-left-radius: 10px;
 628 }
 629
 630 .criteria-title {
 631     padding: 5px 0px 5px 0px;
 632 }
 633
 634 #debate thead th {
 635     padding: 5px 5px 5px 5px;
 636     background: #EEE;
 637     border-top: 1px solid #CCC;
 638     border-left: 1px solid #CCC;
 639     border-right: 1px solid #CCC;
 640     width: 150px;
 641 }
 642
 643 #debate input {
 644 /*    width: 100px;
 645     text-align: center;*/
 646     margin: 0;
 647 }
 648
 649 .dynamic-form input {
 650     width: 100px;
 651 }
 652
 653 #debate-ttitle input {
 654 }
 655
 656 #corner.corner-criteria {
 657     background: transparent;
 658     border: none;
 659 }
 660
 661 .criteria-vtitle {
 662     background-color: #eee;
 663     border-top:1px solid #ccc;
 664     border-left: 1px solid #ccc;
 665     border-right: 1px solid #ccc;
 666     width: 201px;
 667     height:42px;
 668 }
 669
 670 .delete-row {
 671 }
 672
 673 #buttons {
 674     background: transparent;
 675 }
 676
 677 #debate3 {
 678     margin-bottom: 30px;
 679 }
 680
 681 table {
 682     border-radius:10px;
 683     -webkit-border-radius: 0 0 10px 10px;
 684     -moz-border-radius: 0 0 10px 10px;
 685 }
 686
 687 .criteria-htitle {
 688     height: 125px;
 689     vertical-align: middle;
 690     border: 0 !important;
 691     background: url('/static/assets/table/row.png') no-repeat left center;
 692 }
 693
 694 #contenttitles {
 695     margin-bottom: 20px;
 696 }
 697
 698 /* Hide the links added by the jquery plugin - we will use our own */
 699 #debate table a.delete-row, #debate table a.add-row {
 700     display:none;
 701 }
 702 /* END DEBATE */
 703
 704 /* VOTES AND POLLS */
 705 .add-row.btn.primary.small {
 706   visibility:hidden;
 707 }
 708
 709 .poll_info {
 710   height: 30px;
 711 }
 712
 713 .poll_detail {
 714   margin-top: 10px;
 715   margin-left: 50px;
 716 }
 717 .poll_question {
 718   color: #006DCC;
 719 }
 720 .votes {
 721   visibility:hidden;
 722 }
 723
 724 /* Empty class for jqueryui-datepicker translate fix */
 725
 726 .notranslate{
 727 }
 728
 729 /*^END VOTES AND POLLS */
 730
 731 /************************************************
 732  PATCH FOR FONT-AWESOME WITH BOOTSTRAP 2.2.1
 733 **************************************************/
 734
 735 [class^="icon-"], [class*=" icon-"]{
 736     background:none;
 737   }
 738
 739
 740 .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active     > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-lis    t > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [cla    ss^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdow    n-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [cla    ss*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu     > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="ico    n-"], .dropdown-submenu:hover > a > [class*=" icon-"] {background:none;}
 741