view/global.css

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