view/global.css

   1 /* List of social Networks */
   2 img.connector, img.connector-disabled {
   3   height: 40px;
   4   margin-right: 10px;
   5   border-radius: 10px;
   6 }
   7
   8 img.connector-disabled {
   9   opacity: 0.5;
  10 }
  11
  12 h3.connector {
  13   display: inline-block;
  14   vertical-align: bottom;
  15 }
  16 span.connector {
  17   vertical-align: super;
  18 }
  19
  20 /* Embedded link information */
  21 .type-link, .type-video {
  22   border-top: 1px solid #D2D2D2;
  23   border-bottom: 1px solid #D2D2D2;
  24   display: block;
  25   padding-top: 5px;
  26   padding-bottom: 5px;
  27   margin-top: 10px;
  28 }
  29 .type-link:after, .type-video:after {
  30     content: ".";
  31     display: block;
  32     height: 0;
  33     clear: both;
  34     visibility: hidden;
  35 }
  36
  37 .wall-item-container .wall-item-content .type-link img,
  38 .type-link img, .type-video img, img.attachment-preview {
  39   max-width: 160px;
  40   max-height: 160px;
  41   float: left;
  42   margin-right: 10px;
  43 }
  44
  45 .wall-item-container .wall-item-content .type-link img.attachment-image,
  46 .type-link img.attachment-image, .type-video img.attachment-image  {
  47   /* max-width: 640px; */
  48   max-width: 100%;
  49   max-height: initial;
  50   float: initial;
  51   margin-right: 0px;
  52 }
  53
  54 .type-link blockquote, .type-video blockquote {
  55   margin-left: 0px;
  56   max-height: 160px;
  57   overflow: hidden;
  58   border-left: 0px;
  59   padding-left: 0px;
  60   font-size: 13px;
  61   line-height: normal;
  62 }
  63 .type-link .oembed, .type-video .oembed {
  64   font-size: 18px;
  65   font-weight: 300;
  66   line-height: normal;
  67 }
  68 .type-link img, .type-video img {
  69 }
  70
  71 .type-video .embed_video {
  72   margin: 0em;
  73 }
  74
  75 .type-link span.oembed + br, .type-video span.oembed + br,
  76 .type-link a + br, .type-video a + br,
  77 .type-link img + br, .type-video img + br{
  78   display: none;
  79 }
  80
  81 .embed_video {
  82   float:left;
  83   margin: 1em;
  84   position: relative;
  85 }
  86
  87 /* Shared Messages */
  88 .shared_header {
  89   height: 32px;
  90   color: #999;
  91   border-top: 1px solid #D2D2D2;
  92   padding-top: 5px;
  93   margin-top: 5px;
  94 }
  95
  96 .shared_header a {
  97   color: black;
  98   -webkit-transition: all 0.2s ease-in-out;
  99   -moz-transition: all 0.2s ease-in-out;
 100   -o-transition: all 0.2s ease-in-out;
 101   -ms-transition: all 0.2s ease-in-out;
 102   transition: all 0.2s ease-in-out;
 103 }
 104
 105 .shared_header a:hover {
 106   color: #36c;
 107 }
 108
 109 .shared_header img {
 110   -webkit-border-radius: 4px;
 111   -moz-border-radius: 4px;
 112   border-radius: 4px;
 113   float: left;
 114 }
 115
 116 .shared_header span {
 117   margin-left: 9px;
 118 }
 119
 120 blockquote.shared_content {
 121   margin-left: 32px;
 122   color: #000;
 123   border: none;
 124 }
 125
 126 .settings-heading a:after{
 127   content: ' »';
 128 }
 129
 130 /* headers */
 131 h1, h2, h3, h4, h5, h6 {
 132   margin: 0px 0px 5px 0px;
 133   font-weight: normal;
 134   line-height: normal;
 135   text-rendering: optimizelegibility;
 136 }
 137
 138 h1 {
 139   font-size: 38.5px;
 140 }
 141
 142 h2 {
 143   font-size: 31.5px;
 144 }
 145
 146 h3 {
 147   font-size: 24.5px;
 148 }
 149
 150 h4 {
 151   font-size: 20.5px;
 152 }
 153
 154 h5 {
 155   font-size: 18px;
 156 }
 157
 158 h6 {
 159   font-size: 16.5px;
 160 }