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