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