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 .type-link:after, .type-video:after {
  63     content: ".";
  64     display: block;
  65     height: 0;
  66     clear: both;
  67     visibility: hidden;
  68 }
  69
  70 .wall-item-container .wall-item-content .type-link img,
  71 .type-link img, .type-video img, img.attachment-preview {
  72   max-width: 160px;
  73   max-height: 160px;
  74   float: left;
  75   margin-right: 10px;
  76 }
  77
  78 .wall-item-container .wall-item-content .type-link img.attachment-image,
  79 .type-link img.attachment-image, .type-video img.attachment-image  {
  80   /* max-width: 640px; */
  81   max-width: 100%;
  82   max-height: initial;
  83   float: initial;
  84   margin-right: 0px;
  85 }
  86
  87 .type-link blockquote, .type-video blockquote {
  88   margin-left: 0px;
  89   max-height: 160px;
  90   overflow: hidden;
  91   border-left: 0px;
  92   padding-left: 0px;
  93   font-size: 13px;
  94   line-height: normal;
  95 }
  96 .type-link .oembed, .type-video .oembed {
  97   font-size: 18px;
  98   font-weight: 300;
  99   line-height: normal;
 100 }
 101 .type-link img, .type-video img {
 102 }
 103
 104 .type-video .embed_video {
 105   margin: 0em;
 106 }
 107
 108 .type-link span.oembed + br, .type-video span.oembed + br,
 109 .type-link a + br, .type-video a + br,
 110 .type-link img + br, .type-video img + br{
 111   display: none;
 112 }
 113
 114 .embed_video {
 115   float:left;
 116   margin: 1em;
 117   position: relative;
 118 }
 119
 120 .embed_video.active {
 121   float: none;
 122 }
 123
 124 .embed_rich {
 125   display: block;
 126   transition: height .75s;
 127 }
 128
 129 /* Shared Messages */
 130 .shared_header {
 131   min-height: 32px;
 132   color: #999;
 133   border-top: 1px solid #D2D2D2;
 134   padding-top: 5px;
 135   margin-top: 5px;
 136 }
 137
 138 .shared_header a {
 139   color: black;
 140   -webkit-transition: all 0.2s ease-in-out;
 141   -moz-transition: all 0.2s ease-in-out;
 142   -o-transition: all 0.2s ease-in-out;
 143   -ms-transition: all 0.2s ease-in-out;
 144   transition: all 0.2s ease-in-out;
 145 }
 146
 147 .shared_header a:hover {
 148   color: #36c;
 149 }
 150
 151 .shared_header img {
 152   -webkit-border-radius: 4px;
 153   -moz-border-radius: 4px;
 154   border-radius: 4px;
 155   float: left;
 156   margin-right: 9px;
 157 }
 158
 159 .shared_header span {
 160   display: table-cell;
 161   float: none;
 162 }
 163
 164 blockquote.shared_content {
 165   margin-left: 32px;
 166   color: #000;
 167   border: none;
 168 }
 169
 170 .settings-heading a:after{
 171   content: ' »';
 172 }
 173
 174 /* headers */
 175 h1, h2, h3, h4, h5, h6 {
 176   margin: 5px 0px 5px 0px;
 177   font-weight: normal;
 178   line-height: normal;
 179   text-rendering: optimizelegibility;
 180 }
 181
 182 h1 {
 183   font-size: 31.5px;
 184 }
 185
 186 h2 {
 187   font-size: 24.5px;
 188 }
 189
 190 h3 {
 191   font-size: 20.5px;
 192 }
 193
 194 h4 {
 195   font-size: 18px;
 196 }
 197
 198 h5 {
 199   font-size: 16.5px;
 200 }
 201
 202 h6 {
 203   font-size: 14.95px;
 204 }
 205
 206 span.oembed, h4 {
 207   margin: 0px 0px 0px 0px;
 208 }
 209
 210 code { display: block; background-color: #eee; color: #666; padding:1em; font-size: 0.8em; font-family: monospace; }
 211 key { display: inline; background-color: #eee; color: #666; padding:0.2em; font-size: 0.8em; font-family: monospace; }
 212
 213 /* fields help text */
 214 .field .field_help {
 215   clear: left;
 216 }
 217
 218 /* notifications unseen */
 219 .notify-unseen { background-color: #cceeFF; }
 220
 221 /* autocomplete popup */
 222 ul.acpopup {
 223   list-style: none;
 224   float: left;
 225   min-width: 160px;
 226   padding: 5px 0;
 227   margin: 2px 0 0;
 228 }
 229 nav .acpopup {
 230   width: 290px;
 231   max-height: 450px;
 232   max-width: 300px;
 233   overflow-y: auto;
 234   overflow-x: hidden;
 235   margin-top: 0px;
 236 }
 237 img.acpopup-img {
 238   float: left;
 239   width: 36px;
 240   height: 36px;
 241   margin-right: 5px;
 242   vertical-align: middle;
 243 }
 244 .acpopup-contactname {
 245   padding-top: 2px;
 246   font-weight: bold;
 247   line-height: 1em;
 248   white-space: nowrap;
 249   overflow: hidden;
 250   text-overflow: ellipsis;
 251   display: block;
 252 }
 253 .acpopup-sub-text {
 254   color: #777;
 255   font-size: 0.833em;
 256   line-height: 1em;
 257   overflow: hidden;
 258   text-overflow: ellipsis;
 259   display: block;
 260 }
 261 .textcomplete-item a {
 262   color: inherit;
 263   overflow: hidden;
 264   text-overflow: ellipsis;
 265   clear: both;
 266   white-space: nowrap;
 267   padding: 3px 20px;
 268   display: block;
 269 }
 270 .textcomplete-item a:hover {
 271   text-decoration: none;
 272 }
 273
 274 /* plain text editor upload/select popup */
 275
 276 .fbrowser .path a { padding: 5px; }
 277 .fbrowser .path a:before { content: "/"; padding-right: 5px;}
 278 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
 279 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
 280 .fbrowser.image .photo-album-image-wrapper { float: left; }
 281 .fbrowser.image a img { height: 48px; }
 282 .fbrowser.image a p { display: none;}
 283 .fbrowser.file .photo-album-image-wrapper { float:none;  white-space: nowrap; }
 284 .fbrowser.file img { display: inline; }
 285 .fbrowser.file p  { display: inline; white-space: nowrap; }
 286 .fbrowser .upload { clear: both; padding-top: 1em;}
 287 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
 288 .fbrowser .error a.close { float: right; font-weight: bold; }
 289 .fbrowser .error.hidden { display: none; }
 290
 291 a {
 292   cursor: pointer;
 293 }
 294
 295 .sr-only {
 296   position: absolute;
 297   width: 1px;
 298   height: 1px;
 299   padding: 0;
 300   margin: -1px;
 301   overflow: hidden;
 302   clip: rect(0,0,0,0);
 303   border: 0;
 304 }
 305
 306 .itentity-match-wrapper {
 307   float: left;
 308   padding: 10px;
 309   width: 120px;
 310   height: 140px;
 311   margin-bottom: 20px;
 312 }
 313
 314 .identity-match-photo {
 315   float: left;
 316   text-align: center;
 317   width: 120px;
 318 }
 319
 320 .identity-match-name {
 321   text-align: center;
 322 }
 323
 324 .identity-match-details {
 325   float: left;
 326   text-align: center;
 327   width: 120px;
 328   overflow: hidden;
 329   font-size: 10px;
 330   font-weight: 500;
 331   color: #999999;
 332 }
 333
 334 .identity-match-break, .identity-match-end {
 335   clear: both;
 336 }
 337
 338 .identity-match-photo button {
 339   border: none;
 340   padding: 0;
 341   margin: 0;
 342   background: none;
 343   height: 80px;
 344   width: 80px;
 345   cursor: pointer;
 346 }
 347
 348 .selected-identity img {
 349   border: 2px solid #ff0000;
 350 }
 351 /* poke */
 352 #poke-desc {
 353   margin: 5px 0 10px;
 354 }
 355
 356 #poke-wrapper  {
 357   padding: 10px 0 0px;
 358 }
 359
 360 #poke-recipient, #poke-action, #poke-privacy-settings {
 361   margin: 10px 0 30px;
 362 }
 363
 364 #poke-recip-label, #poke-action-label, #prvmail-message-label {
 365   margin: 10px 0 10px;
 366 }
 367 .version-match {
 368   font-weight: bold;
 369   color: #00a700;
 370 }
 371 .federation-graph {
 372   width: 400px;
 373   height: 400px;
 374   float: right;
 375   margin: 20px;
 376 }
 377 .federation-network-graph {
 378   width: 240px;
 379   height: 240px;
 380   float: left;
 381   margin: 20px;
 382 }
 383 ul.federation-stats,
 384 ul.credits {
 385   list-style: none;
 386 }
 387 ul.federation-stats li,
 388 ul.credits li {
 389   float: left;
 390   width: 240px;
 391 }
 392 table#federation-stats {
 393   width: 100%;
 394 }
 395 td.federation-data {
 396   border-bottom: 1px solid #000;
 397 }
 398
 399 .contact-entry-photo img {
 400   max-width: 80px;
 401   max-height: 80px;
 402 }
 403
 404 /* forumlist widget */
 405 .forumlist-img {
 406   height: 20px;
 407   width: 20px;
 408   vertical-align: middle;
 409 }
 410
 411 #forum-widget-collapse {
 412   opacity: 0.3;
 413 }
 414
 415 #forum-widget-collapse:hover {
 416   opacity: 1.0;
 417 }
 418
 419 .crepair-label {
 420   margin-top: 10px;
 421   float: left;
 422   width: 250px;
 423 }
 424
 425 .crepair-input {
 426   margin-top: 10px;
 427   float: left;
 428   width: 200px;
 429 }
 430
 431 .renderinfo {
 432   clear: both;
 433 }
 434
 435 .p-addr {
 436   clear: both;
 437 }
 438
 439 #live-community {
 440   clear: both;
 441 }
 442
 443 /* contact-edit */
 444 #contact-edit-status-wrapper {
 445   border: 1px solid;
 446   padding: 10px;
 447 }
 448 #contact-edit-actions {
 449   float: right;
 450   display: inline-block;
 451   position: relative;
 452 }
 453 #contact-edit-actions > .menu-popup {
 454   right: 0;
 455   left: auto;
 456 }
 457
 458 #contact-edit-settings-label:after {
 459   content: ' »';
 460 }
 461
 462 #contact-edit-settings {
 463   display: none;
 464   margin: 10px 0;
 465 }
 466
 467 /* settings page */
 468 #settings-form .pageflags {
 469     margin: 0 0 20px 30px;
 470 }
 471
 472 /* admin pending user notes */
 473 td.pendingnote {
 474         padding-left: 20px;
 475         padding-right: 20px;
 476 }
 477 td.pendingnote > p > span {
 478         font-weight: bold;
 479 }
 480
 481 /* warning message */
 482 .warning-message {
 483         padding: 10px;
 484         margin: 5px;
 485         border-left: 5px solid #f00;
 486         font-weight: bold;
 487 }
 488
 489 /* src/href attributes filter error display */
 490 .invalid-src { border: 1px dotted red;}
 491 .invalid-href { border-bottom: 1px dotted red;}
 492 .invalid-src:after,
 493 .invalid-href:after { content: '⚠️'}
 494 img.invalid-src:after { vertical-align: top;}