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