view/theme/vier/plusminus.css

   1 /* Modifications by https://horche.demkontinuum.de/profile/hoergen */
   2
   3 /* General */
   4
   5 body { background-color: whitesmoke; }
   6
   7 h1 {
   8   font-size: 18px;
   9   color: blue;
  10 }
  11
  12 h2 {
  13   font-size: 16px;
  14   color: blue;
  15   border-radius:5px;
  16 }
  17
  18 h3 {
  19   font-size: 14px;
  20   color: blue;
  21 }
  22
  23 h4 {  font-size: 14px;}
  24
  25 h5 {
  26   font-size: 16px;
  27   color: black;
  28 }
  29
  30
  31 /* login */
  32
  33 #id_remember { width:50%; #id_remember { width:50%; }}
  34
  35
  36 /* Left Column*/
  37
  38 nav {
  39   background: #fff;
  40   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
  41   padding-top: 6px;
  42   padding-bottom: 6px;
  43 }
  44
  45 nav a:active,
  46 nav a:link,
  47 nav a:visited,
  48 nav a {
  49   color: #737373;
  50 }
  51
  52 nav a:hover,
  53 #nav-messages-see-all a:hover {
  54   color: #000;
  55 }
  56
  57 .delegation-notify {
  58   background-color: #CB4437;
  59   border-radius: 10px;
  60   font: bold 11px/16px Arial;
  61 }
  62
  63 nav .nav-notify {
  64   background-color: #CB4437;
  65   top: -3px;
  66   right: -4px;
  67   font: bold 11px/16px Arial;
  68   padding: 1px;
  69   border-radius: 10px;
  70 }
  71
  72 nav .nav-menu-icon .nav-notify {
  73   top: 0px;
  74 }
  75
  76 nav .nav-menu.selected a {
  77   color: #000;
  78 }
  79
  80 nav .nav-menu:hover,
  81 nav .nav-menu.selected {
  82   border-bottom: 2px solid #427FED;
  83 }
  84
  85 nav .nav-menu {
  86   height: 23px;
  87   font-size: 14px;
  88   font-weight: initial;
  89 }
  90
  91 #nav-apps-menu,
  92 #nav-site-menu,
  93 #nav-notifications-menu,
  94 #nav-user-menu {
  95   top: 32px;
  96 }
  97
  98 #nav-messages-menu {
  99   top: 32px;
 100 }
 101
 102 #nav-messages-see-all a {
 103   color: #737373;
 104 }
 105
 106 ul.tabs li .active, span.pager_current a {
 107   border-bottom: 2px solid #427FED;
 108 }
 109
 110 span.pager_current, span.pager_n a:hover,
 111 span.pager_first a:hover, span.pager_last a:hover,
 112 span.pager_prev a:hover, span.pager_next a:hover,
 113 ul.tabs a:hover {
 114   border-bottom: 2px solid #427FED;
 115 }
 116
 117 nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
 118   color: #737373;
 119 }
 120
 121 nav #nav-messages-linkmenu.selected,
 122 nav #nav-user-linklabel.selected,
 123 nav #nav-apps-link.selected {
 124   background-color: #fff;
 125   border-bottom-style: none;
 126 }
 127
 128 div.jGrowl div.info {
 129   background: #fff url("../../../images/icons/48/info.png") no-repeat 5px center;
 130 }
 131
 132 div.jGrowl div.notice {
 133   color: #737373;
 134 }
 135 div.jGrowl div.info {
 136   color: #737373;
 137 }
 138
 139 .birthday-notice, .event-notice {
 140   font-weight: initial;
 141 }
 142
 143 #event-notice {
 144   font-size: 14px;
 145   font-weight: initial;
 146   border:1px solid lightgrey;
 147 }
 148
 149 .event-list {
 150   font-size: 14px;
 151   padding-left: 15px;
 152   margin: 5px 0;
 153   background-color: whitesmoke;
 154 }
 155
 156 .event-list a::before{
 157   color:grey;
 158   content: '# ';
 159 }
 160
 161 .event-list:hover {
 162   background-color: white;
 163 }
 164
 165 div.pager, ul.tabs {
 166   font-weight: initial;
 167 }
 168
 169 nav .nav-menu-icon.selected {
 170   background-color: #fff;
 171 }
 172
 173 #jot #jot-tools li:hover {
 174   background-color: #fff;
 175 }
 176
 177 nav .icon {
 178   color: #737373;
 179 }
 180
 181 nav a:hover .icon {
 182   color: #000;
 183 }
 184
 185
 186 header #banner a, header #banner a:active, header #banner a:visited, header #banner a:link, header #banner a:hover {
 187   color: #737373;
 188 }
 189
 190 header {
 191   left: 10px;
 192 }
 193
 194 header #banner {
 195   margin-top: 6px;
 196 }
 197
 198 #banner #logo-text {
 199   margin-left: 5px;
 200 }
 201
 202 aside {
 203   top: 44px;
 204   height: calc(100% - 54px);
 205 }
 206
 207 right_aside {
 208   top: 44px;
 209 }
 210
 211 section {
 212   top: 44px;
 213 }
 214
 215 nav #nav-search-box #nav-search-text {
 216   background-color: initial;
 217   border-style: solid;
 218   border-width: 1px;
 219   border-color: rgba(0, 0, 0, 0.15);
 220 }
 221
 222 .widget h3 {
 223   padding: 0px;
 224   margin: 0px;
 225   border-radius:5px;
 226   font-size: 14px;
 227   font-weight: initial;
 228   background-color: #EEEEEE;
 229   color: #505050;
 230   font-weight: bolder;
 231   width: 100%;
 232 }
 233
 234
 235 /* Left Widget Column */
 236
 237 #search-submit, #search-save {
 238   font-size:10px;
 239 }
 240
 241
 242 /* Timeline */
 243
 244 .profile-jot-text {
 245   border-radius:5px;
 246 }
 247
 248 .profile-jot-text:focus {
 249   background-color:#eef3ff;
 250 }
 251
 252 div.pager, ul.tabs {
 253   border-radius:5px;
 254 }
 255
 256
 257 /* Post*/
 258
 259 #profile-jot-form { border-radius: 5px; }
 260
 261 .tread-wrapper { border-radius: 5px; }
 262
 263
 264 /* Post header */
 265
 266 .wall-item-container .wall-item-name,
 267 .wall-item-container .shared-author {
 268   color: #555;
 269   font-weight: normal;
 270   font-size:10px;
 271   -webkit-transition: all 0.2s ease-in-out;
 272   -moz-transition: all 0.2s ease-in-out;
 273   -o-transition: all 0.2s ease-in-out;
 274   -ms-transition: all 0.2s ease-in-out;
 275   transition: all 0.2s ease-in-out;
 276 }
 277
 278 .toplevel_item:hover .wall-item-name,
 279 .wall-item-container:hover .wall-item-name,
 280 .toplevel_item:hover .shared-author,
 281 .wall-item-container:hover .shared-author {
 282   color: #36c;
 283   font-weight: normal;
 284   -webkit-transition: all 0.2s ease-in-out;
 285   -moz-transition: all 0.2s ease-in-out;
 286   -o-transition: all 0.2s ease-in-out;
 287   -ms-transition: all 0.2s ease-in-out;
 288   transition: all 0.2s ease-in-out;
 289 }
 290
 291 .dt-published { font-size:10px; }
 292
 293
 294 /* Post content */
 295 .mention {
 296   font-weight: bold;
 297 }
 298
 299 .wall-item-content blockquote {
 300   border-left: 0px;
 301   margin-top: 10px;
 302   margin-bottom:10px;
 303   padding-left: 5px;
 304 }
 305
 306 .wall-item-container .wall-item-content {
 307   font-size: 14px;
 308 }
 309
 310 .wall-item-content strong { color:#565656; }
 311
 312 .wall-item-network { font-size:10px; }
 313
 314 .contact-photo-wrapper .mframe .p-author .h-card {
 315   width: 65px;
 316 }
 317
 318 .shared-time { font-size: 10px; }
 319
 320 .mention { font-size:12px;}
 321
 322 .tag { font-size:12px; }
 323
 324 .type-link, .type-video {
 325   border-top: 0px solid #D2D2D2;
 326   border-bottom: 0px solid #D2D2D2;
 327   display: block;
 328   padding-top: 5px;
 329   padding-bottom: 5px;
 330   margin-top: 20px;
 331   margin-bottom: 20px;
 332 }
 333
 334 .type-link blockquote{
 335   border-left: 0px;
 336   margin-top: 10px;
 337   margin-bottom:10px;
 338   padding-left: 0px;
 339   font-size:12px;
 340 }
 341
 342 .type-link .oembed, .type-video .oembed {
 343   font-size: 14px;
 344   font-weight: 300;
 345   line-height: normal;
 346 }
 347
 348 .shared_header {
 349   min-height: 32px;;
 350   color: #999;
 351   border-top: 0px;
 352   padding-top: 5px;
 353   margin-top: 5px;
 354 }
 355
 356
 357 /* Post footer */
 358 .wall-item-like { font-size:12px; }
 359
 360 .wall-item-actions{
 361   font-size:10px;
 362   font-weight:normal;
 363   margin-bottom: -0.7em;
 364   line-height: 5px;
 365 }
 366
 367 .wall-item-actions-author{
 368   font-size:10px;
 369   font-weight:normal;
 370   margin-bottom: -0.7em;
 371   line-height: 5px;
 372 }
 373
 374 .icon-commenting::before {
 375     font-size: 17px;
 376 }
 377
 378 .wall-item-tags  { font-size:10px; }
 379
 380 .wall-item-container.comment .contact-photo  { height:25px; width:25px;}
 381
 382 #item-delete-selected { font-size:12px; }
 383
 384 .item-select {
 385   width: 1px;
 386   height: 1px;
 387   background: #000;
 388   position: relative;
 389   border-radius: 9px;
 390 }
 391
 392 .contact-menu {
 393   font-size:12px;
 394   padding-top:0px;
 395   padding-bottom:0px;
 396 }
 397
 398 .wall-item-bottom { font-size: 14px; }
 399
 400 .icon::before {
 401   width: 10px;
 402 }
 403
 404
 405 /* Comments */
 406
 407 .wall-item-like { font-size:10px; }
 408
 409 .wall-item-container.comment { border-bottom: 0px; }
 410
 411 .hide-comments-outer {
 412   margin-left: 80px;
 413   margin-bottom: 5px;
 414   width: 660px;
 415   border-bottom: 0px;
 416   border-top: 0px;
 417   font-size: 10px;
 418   padding: 8px;
 419 }
 420
 421 .fakelink {
 422   color: #36c;
 423   text-decoration: none;
 424   font-size: 10px;
 425   cursor: pointer;
 426 }
 427
 428 .icon.s10.lock.fakelink {
 429   color: #999;
 430   width:80px;
 431   vertical-align:top;
 432 }
 433
 434
 435 /* Calendar */
 436
 437 .fc-body { background-color: white; }
 438
 439 #new-event-link a {
 440   text-decoration: none;
 441   padding:0px 10px;
 442   color:white;
 443   background:#6c82ff;
 444   border:1px solid darkgrey;
 445   cursor:pointer;
 446   -webkit-border-radius: 5px;
 447   border-radius: 5px;
 448   -webkit-transition-duration: 0.4s; /* Safari */
 449   transition-duration: 0.4s;
 450   box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.24);
 451 }
 452
 453 #new-event-link a:hover {
 454   background:#0026ff;
 455 }
 456
 457 .fc-content, .fc-widget {
 458   background-color: #a7ecff;
 459   font-size:10px;
 460   color: black;
 461   text-decoration: normal;
 462 }
 463
 464 .fc-center h2 {
 465   font-size:22px;
 466   font-weight:bold;
 467   background-color:white;
 468 }
 469
 470 .fc-toolbar {
 471   text-align: center;
 472   margin-bottom: 1em;
 473   background: white;
 474 }
 475
 476 .fc-day-grid-event .fc-time {
 477   font-weight: normal;
 478 }
 479
 480 .fc-title, .fc-time {
 481   text-decoration: normal;
 482 }
 483
 484 .fc-unthemed .fc-today { background: #f9ff97; }
 485
 486 #comment-edit-text-desc {
 487   width:700px;
 488   padding: 5px 5px;
 489   border-radius:5px;
 490   border: 1px solid grey;
 491 }
 492
 493 #comment-edit-text-desc:focus {
 494   background-color:#eef3ff;
 495 }
 496
 497 #comment-edit-text-location {
 498   width:700px;
 499   padding: 5px 5px;
 500   border-radius:5px;
 501   border: 1px solid grey;
 502 }
 503
 504 #comment-edit-text-location:focus {
 505   background-color:#eef3ff;
 506 }
 507
 508
 509 /* remove standard-styles */
 510
 511 select {
 512   -webkit-appearance: none;
 513   -moz-appearance: none;
 514   appearance: none;
 515   border:1px;
 516   border-radius: 5px;
 517 }
 518
 519 option {
 520   background:white;
 521   border-top:0px solid #000;
 522   height:18px;
 523   font-size:14px;
 524 }
 525
 526 /* styling */
 527
 528 select{
 529   background-image:
 530     linear-gradient(45deg, transparent 50%, gray 50%),
 531     linear-gradient(135deg, gray 50%, transparent 50%),
 532     linear-gradient(to right, #ccc, #ccc);
 533   background-position: right center;
 534   background-size:
 535     9px 9px,
 536     9px 9px,
 537     15px 2.5em;
 538   background-repeat: no-repeat;
 539   background-color: #eef3ff;
 540   border: 1px solid;
 541   border-color: grey;
 542 }
 543
 544 /* Settings */
 545
 546 .ps-theme-default h1,h2,h3,h4,h5{
 547   color:black;
 548   border-radius:5px;
 549 }
 550
 551 .settings-heading * {
 552   color: black;
 553 }
 554
 555 .settings-heading {
 556   font-size: 18px;
 557   font-weight: bold;
 558   background-color: whitesmoke;
 559   border-radius: 5px;
 560   border-bottom: 1px solid black;
 561 }
 562
 563 .setings-contend-block {
 564   background-color: white;
 565 }
 566
 567 #settings-form {
 568   background-color: #ededed;
 569 }
 570
 571 .ps-container.ps-theme-default h4{
 572   font-weight:bold;
 573   background-color: whitesmoke;
 574 }
 575
 576 .ps-container.ps-theme-default.ps-active-y h4{
 577   background-color:#EEE;
 578 }
 579 #adminpage {
 580   background-color: #ededed;
 581 }
 582 #adminpage h3{
 583   font-size:20px;
 584   font-weight:bold;
 585   background-color: whitesmoke;
 586   padding-top:30px;
 587 }
 588
 589 #adminpage h1{
 590   font-size:20px;
 591   font-weight:bold;
 592   background-color: whitesmoke;
 593 }
 594
 595 textarea {
 596   padding:2px 2px;
 597   background:white;
 598   border:1px solid darkgrey;
 599   cursor:text;
 600   -webkit-border-radius: 5px;
 601   border-radius: 5px;
 602   -webkit-transition-duration: 0.4s; /* Safari */
 603   transition-duration: 0.4s;
 604 }
 605
 606 textarea:focus {
 607   background-color:#eef3ff;
 608 }
 609
 610 #adminpage textarea {
 611   width: 700px;
 612 }
 613
 614 .field input {
 615   width:700px;
 616 }
 617
 618 .field_help {
 619   font-size:12px;
 620   display: block;
 621   margin-left: 20px;
 622   color: #666666;
 623 }
 624
 625 .field label {
 626   width: 300px;
 627 }
 628
 629
 630 /* Admin user page */
 631
 632 #users {
 633   font-size: 12px;
 634 }
 635
 636 .users_ckbx {
 637   width:20px;
 638 }
 639
 640 .icon.block.dim:after {
 641   content: '\259E';
 642   color: darkgrey;
 643   background-color: rgb(229, 229, 229);
 644 }
 645
 646 td.checkbox, td.tools{
 647   width:22px;
 648   background-color: rgb(229, 229, 229);
 649 }
 650
 651
 652 /* Settings - Addon */
 653
 654 .settings-block.fakelink h3{
 655   font-size:16px;
 656   font-weight:bold;
 657   background-color: lightgrey;
 658 }
 659
 660 #settings_blockem_expanded h3 {
 661   font-size:16px;
 662   font-weight:bold;
 663   background-color: lightgrey;
 664 }
 665
 666 #settings_langfilter_expanded h3{
 667   font-size:16px;
 668   font-weight:bold;
 669   background-color: lightgrey;
 670 }
 671
 672 #settings_showmore_expanded h3 {
 673   font-size:16px;
 674   font-weight:bold;
 675   background-color: lightgrey;
 676 }
 677
 678 #settings_startpage_expanded h3 {
 679   font-size:16px;
 680   font-weight:bold;
 681   background-color: lightgrey;
 682 }
 683
 684
 685 /* popup */
 686 .contact-menu {
 687   position: absolute;
 688   top: 15px;
 689   left: 35px;
 690   width: 24em;
 691   margin-top: 0px;
 692   font-size: 12px;
 693   border: 0px solid lightgrey;
 694 }
 695
 696 ul.menu-popup {
 697   width: 20em;
 698   margin-top: 0px;
 699   padding: 0px;
 700   font-size: 12px;
 701   line-height:10px;
 702   border: 0px solid lightgrey;
 703 }
 704
 705
 706 /* Growl Popup */
 707
 708 .jGrowl, .notice * {
 709   color: white;
 710 }
 711
 712
 713 /* Buttons */
 714
 715 input[type=submit] {
 716   padding:0px 10px;
 717   color:white;
 718   background:#6c82ff;
 719   border:1px solid darkgrey;
 720   cursor:pointer;
 721   -webkit-border-radius: 5px;
 722   border-radius: 5px;
 723   -webkit-transition-duration: 0.4s; /* Safari */
 724   transition-duration: 0.4s;
 725   box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.24);
 726 }
 727
 728 input[type=submit]:hover {
 729   background:#0026ff;
 730 }
 731
 732 input[type=text], input[type=password], input[type=email], input[type=url] {
 733   padding:2px 2px;
 734   background:white;
 735   border:1px solid darkgrey;
 736   cursor:text;
 737   -webkit-border-radius: 5px;
 738   border-radius: 5px;
 739   -webkit-transition-duration: 0.4s; /* Safari */
 740   transition-duration: 0.4s;
 741 }
 742
 743 input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus {
 744   background-color:#eef3ff;
 745 }
 746
 747
 748 /* Rights and Privacy Setting */
 749
 750 #profile-jot-email {
 751   width:650px;
 752 }
 753
 754
 755 /* Contact Page */
 756
 757 .contact-photo-menu  {
 758   position: relative;
 759   left: 60px;
 760   top: -90px;
 761   width: 16em;
 762   padding-top:0px;
 763   padding-bottom:0px;
 764   border: 0px solid #FFF;
 765   margin-top: 0px;
 766   font-size: 12px;
 767   line-height: 10px;
 768 }
 769