view/global.css

   1 /* General style rules .*/
   2 .pull-right { float: right }
   3
   4 /* General designing elements */
   5 .btn {
   6   outline: none;
   7   -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
   8   -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
   9   box-shadow: inset 0px 1px 0px 0px #ffffff;
  10   background-color: #ededed;
  11   text-indent: 0;
  12   border: 1px solid #dcdcdc;
  13   display: inline-block;
  14   color: #777777;
  15   padding: 5px 10px;
  16   text-align: center;
  17 }
  18 a.btn, a.btn:hover {
  19   text-decoration: none;
  20   color: inherit;
  21 }
  22
  23 .menu-popup .divider {
  24   height: 1px;
  25   margin: 3px 0;
  26   overflow: hidden;
  27   background-color: #2d2d2d;
  28 }
  29
  30 .overline {
  31   text-decoration: overline;
  32 }
  33
  34 /* List of social Networks */
  35 img.connector, img.connector-disabled {
  36   height: 40px;
  37   margin-right: 10px;
  38   border-radius: 10px;
  39 }
  40
  41 img.connector-disabled {
  42   opacity: 0.5;
  43 }
  44
  45 h3.connector {
  46   display: inline-block;
  47   vertical-align: bottom;
  48 }
  49 span.connector {
  50   vertical-align: super;
  51 }
  52
  53 /* Embedded link information */
  54 .type-link, .type-video {
  55   border-top: 1px solid #D2D2D2;
  56   border-bottom: 1px solid #D2D2D2;
  57   display: block;
  58   padding-top: 5px;
  59   padding-bottom: 5px;
  60   margin-top: 10px;
  61 }
  62
  63 .type-link:after, .type-video:after,
  64 .oembed.video:after {
  65   content: ".";
  66   display: block;
  67   height: 0;
  68   clear: both;
  69   visibility: hidden;
  70 }
  71
  72 .type-video .oembed.video:after {
  73   float: left;
  74 }
  75
  76 .wall-item-container .wall-item-content .type-link img,
  77 .type-link img, .type-video img, img.attachment-preview {
  78   max-width: 160px;
  79   max-height: 160px;
  80   float: left;
  81   margin-right: 10px;
  82 }
  83
  84 .wall-item-container .wall-item-content .type-link img.attachment-image,
  85 .type-link img.attachment-image, .type-video img.attachment-image  {
  86   /* max-width: 640px; */
  87   max-width: 100%;
  88   max-height: initial;
  89   float: initial;
  90   margin-right: 0px;
  91 }
  92
  93 .type-link blockquote, .type-video blockquote {
  94   margin-left: 0px;
  95   max-height: 160px;
  96   overflow: hidden;
  97   border-left: 0px;
  98   padding-left: 0px;
  99   font-size: 13px;
 100   line-height: normal;
 101 }
 102
 103 .type-link .oembed, .type-video .oembed {
 104   font-size: 18px;
 105   font-weight: 300;
 106   line-height: normal;
 107 }
 108 .type-link img, .type-video img {
 109 }
 110
 111 .type-video .embed_video {
 112   margin: 0em;
 113 }
 114
 115 .type-link span.oembed + br, .type-video span.oembed + br,
 116 .type-link a + br, .type-video a + br,
 117 .type-link img + br, .type-video img + br{
 118   display: none;
 119 }
 120
 121 .embed_video {
 122   float:left;
 123   margin: 1em;
 124   position: relative;
 125 }
 126
 127 .embed_video.active {
 128   float: none;
 129 }
 130
 131 .oembed.video .embed_video > div {
 132   position: absolute;
 133   top: 0px;
 134   left: 0px;
 135 }
 136 .embed_rich {
 137   display: block;
 138   transition: height .75s;
 139 }
 140
 141 /* Shared Messages */
 142 .shared_header {
 143   min-height: 32px;
 144   color: #999;
 145   border-top: 1px solid #D2D2D2;
 146   padding-top: 5px;
 147   margin-top: 5px;
 148 }
 149
 150 .shared_header a {
 151   color: black;
 152   -webkit-transition: all 0.2s ease-in-out;
 153   -moz-transition: all 0.2s ease-in-out;
 154   -o-transition: all 0.2s ease-in-out;
 155   -ms-transition: all 0.2s ease-in-out;
 156   transition: all 0.2s ease-in-out;
 157 }
 158
 159 .shared_header a:hover {
 160   color: #36c;
 161 }
 162
 163 .shared_header img {
 164   -webkit-border-radius: 4px;
 165   -moz-border-radius: 4px;
 166   border-radius: 4px;
 167   float: left;
 168   margin-right: 9px;
 169 }
 170
 171 .shared_header span {
 172   display: table-cell;
 173   float: none;
 174 }
 175
 176 blockquote.shared_content {
 177   margin-left: 32px;
 178   color: #000;
 179   border: none;
 180 }
 181
 182 /* Events */
 183 .event-summary {
 184   margin: 0px 0px 10px 0px;
 185   font-weight: bold;
 186 }
 187
 188 .vevent .event-summary {
 189   margin: 0px 0px 10px 0px;
 190 }
 191
 192 .vevent .event-description {
 193   padding: 10px 0;
 194 }
 195
 196 .event-label {
 197   font-weight: bold;
 198 }
 199
 200 .settings-heading a:after{
 201   content: ' »';
 202 }
 203
 204 #profile-photo-wrapper {
 205   clear: both;
 206   overflow: hidden;
 207 }
 208
 209 #newmember-tips {
 210   margin-top: -3px;
 211   font-size: 1.2em;
 212 }
 213
 214 /* headers */
 215 h1, h2, h3, h4, h5, h6 {
 216   margin: 5px 0px 5px 0px;
 217   font-weight: normal;
 218   line-height: normal;
 219   text-rendering: optimizelegibility;
 220 }
 221
 222 h1 {
 223   font-size: 31.5px;
 224 }
 225
 226 h2 {
 227   font-size: 24.5px;
 228 }
 229
 230 h3 {
 231   font-size: 20.5px;
 232 }
 233
 234 h4 {
 235   font-size: 18px;
 236 }
 237
 238 h5 {
 239   font-size: 16.5px;
 240 }
 241
 242 h6 {
 243   font-size: 14.95px;
 244 }
 245
 246 span.oembed, h4 {
 247   margin: 0px 0px 0px 0px;
 248 }
 249
 250 code {
 251   background-color: #eee;
 252   color: #666;
 253   padding: 1em;
 254   font-size: 0.85em;
 255   font-family: monospace;
 256 }
 257 key {
 258   display: inline;
 259   background-color: #eee;
 260   color: #666;
 261   padding: 0.2em;
 262   font-size: 0.85em;
 263   font-family: monospace;
 264 }
 265
 266 /* fields help text */
 267 .field .field_help {
 268   clear: left;
 269 }
 270
 271 /* notifications unseen */
 272 .notify-unseen { background-color: #cceeFF; }
 273
 274 /* autocomplete popup */
 275 ul.acpopup {
 276   list-style: none;
 277   float: left;
 278   min-width: 160px;
 279   padding: 5px 0;
 280   margin: 2px 0 0;
 281 }
 282 nav .acpopup {
 283   width: 290px;
 284   max-height: 450px;
 285   max-width: 300px;
 286   overflow-y: auto;
 287   overflow-x: hidden;
 288   margin-top: 0px;
 289 }
 290 img.acpopup-img {
 291   float: left;
 292   width: 36px;
 293   height: 36px;
 294   margin-right: 5px;
 295   vertical-align: middle;
 296 }
 297 .acpopup-contactname {
 298   padding-top: 2px;
 299   font-weight: bold;
 300   line-height: 1em;
 301   white-space: nowrap;
 302   overflow: hidden;
 303   text-overflow: ellipsis;
 304   display: block;
 305 }
 306 .acpopup-sub-text {
 307   color: #777;
 308   font-size: 0.833em;
 309   line-height: 1em;
 310   overflow: hidden;
 311   text-overflow: ellipsis;
 312   display: block;
 313 }
 314 .textcomplete-item a {
 315   color: inherit;
 316   overflow: hidden;
 317   text-overflow: ellipsis;
 318   clear: both;
 319   white-space: nowrap;
 320   padding: 3px 20px;
 321   display: block;
 322 }
 323 .textcomplete-item a:hover {
 324   text-decoration: none;
 325 }
 326
 327 /* plain text editor upload/select popup */
 328
 329 .fbrowser .path a, .fbrowser .path .btn-link { padding: 5px; }
 330 .fbrowser .path a:before, .fbrowser .path .btn-link:before { content: "/"; padding-right: 5px;}
 331 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
 332 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
 333 .fbrowser.image .photo-album-image-wrapper { float: left; }
 334 .fbrowser.image a img, .fbrowser.image .btn-link img { height: 48px; }
 335 .fbrowser.image a p, .fbrowser.image .btn-link p { display: none;}
 336 .fbrowser.file .photo-album-image-wrapper { float:none;  white-space: nowrap; }
 337 .fbrowser.file img { display: inline; }
 338 .fbrowser.file p  { display: inline; white-space: nowrap; }
 339 .fbrowser .upload { clear: both; padding-top: 1em;}
 340 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
 341 .fbrowser .error .close { float: right; font-weight: bold; }
 342 .fbrowser .error.hidden { display: none; }
 343
 344 a {
 345   cursor: pointer;
 346 }
 347
 348 .sr-only {
 349   position: absolute;
 350   width: 1px;
 351   height: 1px;
 352   padding: 0;
 353   margin: -1px;
 354   overflow: hidden;
 355   clip: rect(0,0,0,0);
 356   border: 0;
 357 }
 358
 359 .itentity-match-wrapper {
 360   float: left;
 361   padding: 10px;
 362   width: 120px;
 363   height: 140px;
 364   margin-bottom: 20px;
 365 }
 366
 367 .identity-match-photo {
 368   float: left;
 369   text-align: center;
 370   width: 120px;
 371 }
 372
 373 .identity-match-name {
 374   text-align: center;
 375 }
 376
 377 .identity-match-details {
 378   float: left;
 379   text-align: center;
 380   width: 120px;
 381   overflow: hidden;
 382   font-size: 10px;
 383   font-weight: 500;
 384   color: #999999;
 385 }
 386
 387 .identity-match-break, .identity-match-end {
 388   clear: both;
 389 }
 390
 391 .identity-match-photo button {
 392   border: none;
 393   padding: 0;
 394   margin: 0;
 395   background: none;
 396   height: 80px;
 397   width: 80px;
 398   cursor: pointer;
 399 }
 400
 401 .selected-identity img {
 402   border: 2px solid #ff0000;
 403 }
 404 /* poke */
 405 #poke-desc {
 406   margin: 5px 0 10px;
 407 }
 408
 409 #poke-wrapper  {
 410   padding: 10px 0 0px;
 411 }
 412
 413 #poke-recipient, #poke-action, #poke-privacy-settings {
 414   margin: 10px 0 30px;
 415 }
 416
 417 #poke-recip-label, #poke-action-label, #prvmail-message-label {
 418   margin: 10px 0 10px;
 419 }
 420 .version-match {
 421   font-weight: bold;
 422   color: #00a700;
 423 }
 424 .federation-graph {
 425   margin: 0 auto;
 426   float: right;
 427 }
 428 .federation-network-graph {
 429   float: left;
 430   margin: 20px;
 431 }
 432 ul.federation-stats,
 433 ul.credits {
 434   list-style: none;
 435 }
 436 ul.federation-stats li,
 437 ul.credits li {
 438   float: left;
 439   width: 240px;
 440 }
 441 table#federation-stats {
 442   width: 100%;
 443 }
 444 td.federation-data {
 445   border-bottom: 1px solid #000;
 446 }
 447
 448 .contact-entry-photo img {
 449   max-width: 80px;
 450   max-height: 80px;
 451 }
 452
 453 /* forumlist widget */
 454 .forumlist-img {
 455   height: 20px;
 456   width: 20px;
 457   vertical-align: middle;
 458 }
 459
 460 #forum-widget-collapse {
 461   opacity: 0.3;
 462 }
 463
 464 /* help widget */
 465 aside .help-aside-wrapper ul {
 466   padding-left: 1em;
 467 }
 468
 469 aside .help-aside-wrapper h1 {
 470   font-size:2em
 471 }
 472
 473 .md_warning {
 474   padding: 1em;
 475   border: #ff0000 solid 2px;
 476   background-color: #f9a3a3;
 477   color: #ffffff;
 478 }
 479
 480 #forum-widget-collapse:hover {
 481   opacity: 1.0;
 482 }
 483
 484 .crepair-label {
 485   margin-top: 10px;
 486   float: left;
 487   width: 250px;
 488 }
 489
 490 .crepair-input {
 491   margin-top: 10px;
 492   float: left;
 493   width: 200px;
 494 }
 495
 496 .renderinfo {
 497   clear: both;
 498 }
 499
 500 .p-addr {
 501   clear: both;
 502 }
 503
 504 #live-community {
 505   clear: both;
 506 }
 507
 508 /* contact-edit */
 509 #contact-edit-status-wrapper {
 510   border: 1px solid;
 511   padding: 10px;
 512 }
 513 #contact-edit-actions {
 514   float: right;
 515   display: inline-block;
 516   position: relative;
 517 }
 518 #contact-edit-actions > .menu-popup {
 519   right: 0;
 520   left: auto;
 521 }
 522
 523 #contact-edit-settings-label:after {
 524   content: ' »';
 525 }
 526
 527 #contact-edit-settings {
 528   display: none;
 529   margin: 10px 0;
 530 }
 531
 532 /* settings page */
 533 #settings-form .pageflags {
 534     margin: 0 0 20px 30px;
 535 }
 536
 537 /* admin pending user notes */
 538 td.pendingnote {
 539   padding-left: 20px;
 540   padding-right: 20px;
 541 }
 542 td.pendingnote > p > span {
 543   font-weight: bold;
 544 }
 545
 546 /* warning message */
 547 .warning-message {
 548   padding: 10px;
 549   margin: 5px;
 550   border-left: 5px solid #f00;
 551   font-weight: bold;
 552 }
 553
 554 /* src/href attributes filter error display */
 555 .invalid-src { border: 1px dotted red;}
 556 .invalid-href { border-bottom: 1px dotted red;}
 557 .invalid-src:after,
 558 .invalid-href:after { content: '⚠️'}
 559 img.invalid-src:after { vertical-align: top;}
 560
 561 /* Tag cloud */
 562 .tag1, .tag1:hover {
 563   font-size: 0.9em ;
 564   color: DarkGray;
 565 }
 566 .tag2, .tag2:hover {
 567   font-size: 1.0em;
 568   color: LawnGreen;
 569 }
 570 .tag3, .tag3:hover {
 571   font-size: 1.1em;
 572   color: DarkOrange;
 573 }
 574 .tag4, .tag4:hover {
 575   font-size: 1.2em;
 576   color: Red;
 577 }
 578 .tag5, .tag5:hover {
 579   font-size: 1.3em;
 580   color: Gold;
 581 }
 582 .tag6, .tag6:hover {
 583   font-size: 1.4em;
 584   color: Teal;
 585 }
 586 .tag7, .tag7:hover {
 587   font-size: 1.5em;
 588   color: DarkMagenta;
 589 }
 590 .tag8, .tag8:hover {
 591   font-size: 1.6em;
 592   color: DarkGoldenRod;
 593 }
 594 .tag9, .tag9:hover {
 595   font-size: 1.7em;
 596   color: DarkBlue;
 597 }
 598 .tag10 .tag10:hover {
 599   font-size: 1.8em;
 600   color: DeepPink;
 601 }
 602 .tags > a:hover {
 603   text-decoration: underline;
 604 }
 605 .tag-cloud {
 606   word-wrap: break-word;
 607 }
 608
 609 #register-explicid-content {
 610   font-weight: bold;
 611 }