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 ul.acpopup {
 214   list-style: none;
 215   float: left;
 216   min-width: 160px;
 217   padding: 5px 0;
 218   margin: 2px 0 0;
 219 }
 220 nav .acpopup {
 221   width: 290px;
 222   max-height: 450px;
 223   max-width: 300px;
 224   overflow-y: auto;
 225   overflow-x: hidden;
 226   margin-top: 0px;
 227 }
 228 img.acpopup-img {
 229   float: left;
 230   width: 36px;
 231   height: 36px;
 232   margin-right: 5px;
 233   vertical-align: middle;
 234 }
 235 .acpopup-contactname {
 236   padding-top: 2px;
 237   font-weight: bold;
 238   line-height: 1em;
 239   white-space: nowrap;
 240   overflow: hidden;
 241   text-overflow: ellipsis;
 242   display: block;
 243 }
 244 .acpopup-sub-text {
 245   color: #777;
 246   font-size: 0.833em;
 247   line-height: 1em;
 248   overflow: hidden;
 249   text-overflow: ellipsis;
 250   display: block;
 251 }
 252 .textcomplete-item a {
 253   color: inherit;
 254   overflow: hidden;
 255   text-overflow: ellipsis;
 256   clear: both;
 257   white-space: nowrap;
 258   padding: 3px 20px;
 259   display: block;
 260 }
 261 .textcomplete-item a:hover {
 262   text-decoration: none;
 263 }
 264
 265 /* plain text editor upload/select popup */
 266
 267 .fbrowser .path a { padding: 5px; }
 268 .fbrowser .path a:before { content: "/"; padding-right: 5px;}
 269 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
 270 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
 271 .fbrowser.image .photo-album-image-wrapper { float: left; }
 272 .fbrowser.image a img { height: 48px; }
 273 .fbrowser.image a p { display: none;}
 274 .fbrowser.file .photo-album-image-wrapper { float:none;  white-space: nowrap; }
 275 .fbrowser.file img { display: inline; }
 276 .fbrowser.file p  { display: inline; white-space: nowrap; }
 277 .fbrowser .upload { clear: both; padding-top: 1em;}
 278 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
 279 .fbrowser .error a.close { float: right; font-weight: bold; }
 280 .fbrowser .error.hidden { display: none; }
 281
 282 a {
 283   cursor: pointer;
 284 }
 285
 286 .sr-only {
 287   position: absolute;
 288   width: 1px;
 289   height: 1px;
 290   padding: 0;
 291   margin: -1px;
 292   overflow: hidden;
 293   clip: rect(0,0,0,0);
 294   border: 0;
 295 }
 296
 297 .itentity-match-wrapper {
 298   float: left;
 299   padding: 10px;
 300   width: 120px;
 301   height: 140px;
 302   margin-bottom: 20px;
 303 }
 304
 305 .identity-match-photo {
 306   float: left;
 307   text-align: center;
 308   width: 120px;
 309 }
 310
 311 .identity-match-name {
 312   text-align: center;
 313 }
 314
 315 .identity-match-details {
 316   float: left;
 317   text-align: center;
 318   width: 120px;
 319   overflow: hidden;
 320   font-size: 10px;
 321   font-weight: 500;
 322   color: #999999;
 323 }
 324
 325 .identity-match-break, .identity-match-end {
 326   clear: both;
 327 }
 328
 329 .identity-match-photo button {
 330   border: none;
 331   padding: 0;
 332   margin: 0;
 333   background: none;
 334   height: 80px;
 335   width: 80px;
 336   cursor: pointer;
 337 }
 338
 339 .selected-identity img {
 340   border: 2px solid #ff0000;
 341 }
 342 /* poke */
 343 #poke-desc {
 344   margin: 5px 0 10px;
 345 }
 346
 347 #poke-wrapper  {
 348   padding: 10px 0 0px;
 349 }
 350
 351 #poke-recipient, #poke-action, #poke-privacy-settings {
 352   margin: 10px 0 30px;
 353 }
 354
 355 #poke-recip-label, #poke-action-label, #prvmail-message-label {
 356   margin: 10px 0 10px;
 357 }
 358 .version-match {
 359   font-weight: bold;
 360   color: #00a700;
 361 }
 362 .federation-graph {
 363   width: 400px;
 364   height: 400px;
 365   float: right;
 366   margin: 20px;
 367 }
 368 .federation-network-graph {
 369   width: 240px;
 370   height: 240px;
 371   float: left;
 372   margin: 20px;
 373 }
 374 ul.federation-stats,
 375 ul.credits {
 376   list-style: none;
 377 }
 378 ul.federation-stats li,
 379 ul.credits li {
 380   float: left;
 381   width: 240px;
 382 }
 383 table#federation-stats {
 384   width: 100%;
 385 }
 386 td.federation-data {
 387   border-bottom: 1px solid #000;
 388 }
 389
 390 .contact-entry-photo img {
 391   max-width: 80px;
 392   max-height: 80px;
 393 }
 394
 395 /* forumlist widget */
 396 .forumlist-img {
 397   height: 20px;
 398   width: 20px;
 399   vertical-align: middle;
 400 }
 401
 402 #forum-widget-collapse {
 403   opacity: 0.3;
 404 }
 405
 406 #forum-widget-collapse:hover {
 407   opacity: 1.0;
 408 }
 409
 410 .crepair-label {
 411   margin-top: 10px;
 412   float: left;
 413   width: 250px;
 414 }
 415
 416 .crepair-input {
 417   margin-top: 10px;
 418   float: left;
 419   width: 200px;
 420 }
 421
 422 .renderinfo {
 423   clear: both;
 424 }
 425
 426 .p-addr {
 427   clear: both;
 428 }
 429
 430 #live-community {
 431   clear: both;
 432 }
 433
 434 /* contact-edit */
 435 #contact-edit-status-wrapper {
 436   border: 1px solid;
 437   padding: 10px;
 438 }
 439 #contact-edit-actions {
 440   float: right;
 441   display: inline-block;
 442   position: relative;
 443 }
 444 #contact-edit-actions > .menu-popup {
 445   right: 0;
 446   left: auto;
 447 }
 448
 449 #contact-edit-settings-label:after {
 450   content: ' »';
 451 }
 452
 453 #contact-edit-settings {
 454   display: none;
 455   margin: 10px 0;
 456 }