view/theme/vier/plusminus.css

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