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