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