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 h4 {  font-size: 14px;}
  22
  23 h5 {
  24   font-size: 16px;
  25   color: black;
  26   background-color: #cfcece;
  27   border-radius:5px;
  28 }
  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 div.pager, ul.tabs {
 137   font-weight: initial;
 138 }
 139
 140 nav .nav-menu-icon.selected {
 141   background-color: #fff;
 142 }
 143
 144 #jot #jot-tools li:hover {
 145   background-color: #fff;
 146 }
 147
 148 nav .icon {
 149   color: #737373;
 150 }
 151
 152 nav a:hover .icon {
 153   color: #000;
 154 }
 155
 156 ul.menu-popup {
 157   border: 0px solid #FFF;
 158   margin-top: 0px;
 159 }
 160
 161 header #banner a, header #banner a:active, header #banner a:visited, header #banner a:link, header #banner a:hover {
 162   color: #737373;
 163 }
 164
 165 header {
 166   left: 10px;
 167 }
 168
 169 header #banner {
 170   margin-top: 6px;
 171 }
 172
 173 #banner #logo-text {
 174   margin-left: 5px;
 175 }
 176
 177 aside {
 178   top: 44px;
 179   height: calc(100% - 54px);
 180 }
 181
 182 right_aside {
 183   top: 44px;
 184 }
 185
 186 section {
 187   top: 44px;
 188 }
 189
 190 nav #nav-search-box #nav-search-text {
 191   background-color: initial;
 192   border-style: solid;
 193   border-width: 1px;
 194   border-color: rgba(0, 0, 0, 0.15);
 195 }
 196
 197 .widget h3 {
 198   padding: 0px;
 199   margin: 0px;
 200   border-radius:5px;
 201   font-size: 14px;
 202   font-weight: initial;
 203   background-color: #EEEEEE;
 204   color: #505050;
 205   font-weight: bolder;
 206   width: 100%;
 207 }
 208
 209
 210 /* Left Widget Column */
 211
 212 #search-submit, #search-save {
 213   font-size:10px;
 214 }
 215
 216
 217 /* Timeline */
 218
 219 .profile-jot-text {
 220   border-radius:5px;
 221 }
 222
 223 .profile-jot-text:focus {
 224   background-color:#eef3ff;
 225 }
 226
 227 div.pager, ul.tabs {
 228   border-radius:5px;
 229 }
 230
 231
 232 /* Post*/
 233
 234 #profile-jot-form { border-radius: 5px; }
 235
 236 .tread-wrapper { border-radius: 5px; }
 237
 238
 239 /* Post header */
 240
 241 .wall-item-container .wall-item-name,
 242 .wall-item-container .shared-author {
 243   color: #555;
 244   font-weight: normal;
 245   font-size:10px;
 246   -webkit-transition: all 0.2s ease-in-out;
 247   -moz-transition: all 0.2s ease-in-out;
 248   -o-transition: all 0.2s ease-in-out;
 249   -ms-transition: all 0.2s ease-in-out;
 250   transition: all 0.2s ease-in-out;
 251 }
 252
 253 .toplevel_item:hover .wall-item-name,
 254 .wall-item-container:hover .wall-item-name,
 255 .toplevel_item:hover .shared-author,
 256 .wall-item-container:hover .shared-author {
 257   color: #36c;
 258   font-weight: normal;
 259   -webkit-transition: all 0.2s ease-in-out;
 260   -moz-transition: all 0.2s ease-in-out;
 261   -o-transition: all 0.2s ease-in-out;
 262   -ms-transition: all 0.2s ease-in-out;
 263   transition: all 0.2s ease-in-out;
 264 }
 265
 266 .dt-published { font-size:10px; }
 267
 268
 269 /* Post content */
 270 .wall-item-content blockquote {
 271   border-left: 0px;
 272   margin-top: 10px;
 273   margin-bottom:10px;
 274   padding-left: 5px;
 275 }
 276
 277 .wall-item-container .wall-item-content {
 278   font-size: 14px;
 279 }
 280
 281 .wall-item-content strong { color:#565656; }
 282
 283 .wall-item-network { font-size:10px; }
 284
 285 .contact-photo-wrapper .mframe .p-author .h-card {
 286   width: 65px;
 287 }
 288
 289 .shared-time { font-size: 10px; }
 290
 291 .mention { font-size:12px;}
 292
 293 .tag { font-size:12px; }
 294
 295 .type-link, .type-video {
 296   border-top: 0px solid #D2D2D2;
 297   border-bottom: 0px solid #D2D2D2;
 298   display: block;
 299   padding-top: 5px;
 300   padding-bottom: 5px;
 301   margin-top: 20px;
 302   margin-bottom: 20px;
 303 }
 304
 305 .type-link blockquote{
 306   border-left: 0px;
 307   margin-top: 10px;
 308   margin-bottom:10px;
 309   padding-left: 0px;
 310   font-size:12px;
 311 }
 312
 313 .type-link .oembed, .type-video .oembed {
 314   font-size: 14px;
 315   font-weight: 300;
 316   line-height: normal;
 317 }
 318
 319 .shared_header {
 320   min-height: 32px;;
 321   color: #999;
 322   border-top: 0px;
 323   padding-top: 5px;
 324   margin-top: 5px;
 325 }
 326
 327
 328 /* Post footer */
 329 .wall-item-like { font-size:12px; }
 330
 331 .wall-item-actions{
 332   font-size:10px;
 333   font-weight:normal;
 334   margin-bottom: -0.7em;
 335   line-height: 5px;
 336 }
 337
 338 .wall-item-actions-author{
 339   font-size:10px;
 340   font-weight:normal;
 341   margin-bottom: -0.7em;
 342   line-height: 5px;
 343 }
 344
 345 .icon-commenting::before {
 346     font-size: 17px;
 347 }
 348
 349 .wall-item-tags  { font-size:10px; }
 350
 351 .wall-item-container.comment .contact-photo  { height:25px; width:25px;}
 352
 353 #item-delete-selected { font-size:12px; }
 354
 355 .item-select {
 356   width: 1px;
 357   height: 1px;
 358   background: #000;
 359   position: relative;
 360   border-radius: 9px;
 361 }
 362
 363 .contact-menu {
 364   font-size:12px;
 365   padding-top:0px;
 366   padding-bottom:0px;
 367 }
 368
 369 .wall-item-bottom { font-size: 14px; }
 370
 371 .icon::before {
 372   width: 10px;
 373 }
 374
 375
 376 /* Comments */
 377
 378 .wall-item-like { font-size:10px; }
 379
 380 .wall-item-container.comment { border-bottom: 0px; }
 381
 382 .hide-comments-outer {
 383   margin-left: 80px;
 384   margin-bottom: 5px;
 385   width: 660px;
 386   border-bottom: 0px;
 387   border-top: 0px;
 388   font-size: 10px;
 389   padding: 8px;
 390 }
 391
 392 .fakelink {
 393   color: #36c;
 394   text-decoration: none;
 395   font-size: 10px;
 396   cursor: pointer;
 397 }
 398
 399 .icon.s10.lock.fakelink {
 400   color: #999;
 401   width:80px;
 402   vertical-align:top;
 403 }
 404
 405
 406 /* Calendar */
 407
 408 .fc-body { background-color: white; }
 409
 410 .fc-content, .fc-widget {
 411   background-color: #a7ecff;
 412   color: black;
 413   text-decoration: normal;
 414 }
 415
 416 .fc-toolbar {
 417   text-align: center;
 418   margin-bottom: 1em;
 419   background: white;
 420 }
 421
 422 .fc-day-grid-event .fc-time {
 423   font-weight: normal;
 424   font-size: 10px;
 425 }
 426
 427 .fc-title, fc-time { text-decoration: normal; }
 428
 429 .fc-unthemed .fc-today { background: #f9ff97; }
 430
 431 /* remove standard-styles */
 432
 433 select {
 434   -webkit-appearance: none;
 435   -moz-appearance: none;
 436   appearance: none;
 437   border:1px;
 438   border-radius: 5px;
 439 }
 440
 441 option {
 442   background:white;
 443   border-top:0px solid #000;
 444   height:18px;
 445   font-size:14px;
 446 }
 447
 448 /* styling */
 449
 450 select{
 451   background-image:
 452     linear-gradient(45deg, transparent 50%, gray 50%),
 453     linear-gradient(135deg, gray 50%, transparent 50%),
 454     linear-gradient(to right, #ccc, #ccc);
 455   background-position: right center;
 456   background-size:
 457     9px 9px,
 458     9px 9px,
 459     15px 2.5em;
 460   background-repeat: no-repeat;
 461   background-color: #eef3ff;
 462   border: 1px solid;
 463   border-color: grey;
 464 }
 465
 466 /* Settings */
 467
 468 .ps-theme-default h1,h2,h3,h4,h5{
 469   color:black;
 470   border-radius:5px;
 471 }
 472
 473 .settings-heading * {
 474   color: black;
 475 }
 476
 477 .settings-heading {
 478   font-size: 18px;
 479   font-weight: bold;
 480   background-color: #cfcece;
 481   border-radius: 5px;
 482 }
 483
 484 .setings-contend-block {
 485   background-color: white;
 486 }
 487
 488 #settings-form {
 489   background-color: #ededed;
 490 }
 491
 492 .ps-container.ps-theme-default h4{
 493   font-weight:bold;
 494   background-color: whitesmoke;
 495 }
 496
 497 .ps-container.ps-theme-default.ps-active-y h4{
 498   background-color:#EEE;
 499 }
 500 #adminpage {
 501   background-color: #ededed;
 502 }
 503 #adminpage h3{
 504   font-size:20px;
 505   font-weight:bold;
 506   background-color: whitesmoke;
 507   padding-top:30px;
 508 }
 509
 510 #adminpage h1{
 511   font-size:20px;
 512   font-weight:bold;
 513   background-color: whitesmoke;
 514 }
 515
 516 #adminpage textarea {
 517   width: 700px;
 518 }
 519
 520 .field input {
 521   width:700px;
 522 }
 523
 524 .field_help {
 525   font-size:12px;
 526   display: block;
 527   margin-left: 20px;
 528   color: #666666;
 529 }
 530
 531 .field label {
 532   width: 300px;
 533 }
 534
 535
 536 /* Admin user page */
 537
 538 #users {
 539   font-size: 12px;
 540 }
 541
 542 .users_ckbx {
 543   width:20px;
 544 }
 545
 546 .icon.block.dim:after {
 547   content: '\259E';
 548   color: darkgrey;
 549   background-color: rgb(229, 229, 229);
 550 }
 551
 552 td.checkbox, td.tools{
 553   width:22px;
 554   background-color: rgb(229, 229, 229);
 555 }
 556
 557
 558 /* popup */
 559
 560 ul.menu-popup {
 561   width: 16em;
 562 }
 563
 564 ul.menu-popup a {
 565   padding: 0 0 0 5px;
 566 }
 567
 568
 569 /* Growl Popup */
 570
 571 .jGrowl, .notice * {
 572   color: white;
 573 }
 574
 575
 576 /* Buttons */
 577
 578 input[type=submit] {
 579   padding:0px 20px;
 580   color:white;
 581   background:#6c82ff;
 582   border:1px solid darkgrey;
 583   cursor:pointer;
 584   -webkit-border-radius: 5px;
 585   border-radius: 5px;
 586   -webkit-transition-duration: 0.4s; /* Safari */
 587   transition-duration: 0.4s;
 588   box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.24);
 589 }
 590
 591 input[type=submit]:hover {
 592   background:#0026ff;
 593
 594 }
 595
 596 input[type=text], input[type=password], input[type=email], input[type=url] {
 597   padding:2px 2px;
 598   background:white;
 599   border:1px solid darkgrey;
 600   cursor:pointer;
 601   -webkit-border-radius: 5px;
 602   border-radius: 5px;
 603   -webkit-transition-duration: 0.4s; /* Safari */
 604   transition-duration: 0.4s;
 605 }
 606
 607 input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus {
 608   background-color:#eef3ff;
 609 }
 610