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