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