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   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 }
 122
 123 .shared_header span {
 124   margin-left: 9px;
 125 }
 126
 127 blockquote.shared_content {
 128   margin-left: 32px;
 129   color: #000;
 130   border: none;
 131 }
 132
 133 .settings-heading a:after{
 134   content: ' »';
 135 }
 136
 137 /* headers */
 138 h1, h2, h3, h4, h5, h6 {
 139   margin: 5px 0px 5px 0px;
 140   font-weight: normal;
 141   line-height: normal;
 142   text-rendering: optimizelegibility;
 143 }
 144
 145 h1 {
 146   font-size: 31.5px;
 147 }
 148
 149 h2 {
 150   font-size: 24.5px;
 151 }
 152
 153 h3 {
 154   font-size: 20.5px;
 155 }
 156
 157 h4 {
 158   font-size: 18px;
 159 }
 160
 161 h5 {
 162   font-size: 16.5px;
 163 }
 164
 165 h6 {
 166   font-size: 14.95px;
 167 }
 168
 169 span.oembed, h4 {
 170   margin: 0px 0px 0px 0px;
 171 }
 172
 173 code { display: block; background-color: #eee; color: #666; padding:1em; font-size: 0.8em; font-family: monospace; }
 174 key { display: inline; background-color: #eee; color: #666; padding:0.2em; font-size: 0.8em; font-family: monospace; }
 175
 176 /* fields help text */
 177 .field .field_help {
 178     clear: left;
 179 }
 180
 181 /* notifications unseen */
 182 .notify-unseen { background-color: #cceeFF; }
 183
 184 /* plain text editor upload/select popup */
 185
 186 .fbrowser .path a { padding: 5px; }
 187 .fbrowser .path a:before { content: "/"; padding-right: 5px;}
 188 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
 189 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
 190 .fbrowser.image .photo-album-image-wrapper { float: left; }
 191 .fbrowser.image a img { height: 48px; }
 192 .fbrowser.image a p { display: none;}
 193 .fbrowser.file .photo-album-image-wrapper { float:none;  white-space: nowrap; }
 194 .fbrowser.file img { display: inline; }
 195 .fbrowser.file p  { display: inline; white-space: nowrap; }
 196 .fbrowser .upload { clear: both; padding-top: 1em;}
 197 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
 198 .fbrowser .error a.close { float: right; font-weight: bold; }
 199 .fbrowser .error.hidden { display: none; }
 200
 201 a {
 202   cursor: pointer;
 203 }
 204
 205 .sr-only {
 206   position: absolute;
 207   width: 1px;
 208   height: 1px;
 209   padding: 0;
 210   margin: -1px;
 211   overflow: hidden;
 212   clip: rect(0,0,0,0);
 213   border: 0;
 214 }
 215
 216 .itentity-match-wrapper {
 217   float: left;
 218   padding: 10px;
 219   width: 120px;
 220   height: 140px;
 221   margin-bottom: 20px;
 222 }
 223
 224 .identity-match-photo {
 225   float: left;
 226   text-align: center;
 227   width: 120px;
 228 }
 229
 230 .identity-match-name {
 231   text-align: center;
 232 }
 233
 234 .identity-match-details {
 235   float: left;
 236   text-align: center;
 237   width: 120px;
 238   overflow: hidden;
 239   font-size: 10px;
 240   font-weight: 500;
 241   color: #999999;
 242 }
 243
 244 .identity-match-break, .identity-match-end {
 245   clear: both;
 246 }
 247
 248 .identity-match-photo button {
 249   border: none;
 250   padding: 0;
 251   margin: 0;
 252   background: none;
 253   height: 80px;
 254   width: 80px;
 255   cursor: pointer;
 256 }
 257
 258 .selected-identity img {
 259   border: 2px solid #ff0000;
 260 }
 261 /* poke */
 262 #poke-desc {
 263     margin: 5px 0 10px;
 264 }
 265
 266 #poke-wrapper  {
 267     padding: 10px 0 0px;
 268 }
 269
 270 #poke-recipient, #poke-action, #poke-privacy-settings {
 271     margin: 10px 0 30px;
 272 }
 273
 274 #poke-recip-label, #poke-action-label, #prvmail-message-label {
 275     margin: 10px 0 10px;
 276 }
 277 ul.credits {
 278     list-style: none;
 279 }
 280 ul.credits li {
 281     float: left;
 282     width: 240px;
 283 }
 284
 285 .contact-entry-photo img {
 286   max-width: 80px;
 287   max-height: 80px;
 288 }