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