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