template rework: use viewcontact_template.tpl also for directory

[friendica.git] / view / global.css

diff --git a/view/global.css b/view/global.css
index b165cbd4f363f9f963f362a01d999a61d441d3a7..c2f5840039234e37c08101e9698d3e6e1961376e 100644 (file)
--- a/view/global.css
+++ b/view/global.css
@@ -1,3 +1,6 @@
+/* General style rules .*/
+.pull-right { float: right }
+
 /* List of social Networks */
 img.connector, img.connector-disabled {
   height: 40px;
@@ -33,13 +36,24 @@ span.connector {
     clear: both;
     visibility: hidden;
 }
+
 .wall-item-container .wall-item-content .type-link img,
-.type-link img, .type-video img {
+.type-link img, .type-video img, img.attachment-preview {
   max-width: 160px;
   max-height: 160px;
   float: left;
   margin-right: 10px;
 }
+
+.wall-item-container .wall-item-content .type-link img.attachment-image,
+.type-link img.attachment-image, .type-video img.attachment-image  {
+  /* max-width: 640px; */
+  max-width: 100%;
+  max-height: initial;
+  float: initial;
+  margin-right: 0px;
+}
+
 .type-link blockquote, .type-video blockquote {
   margin-left: 0px;
   max-height: 160px;
@@ -57,8 +71,144 @@ span.connector {
 .type-link img, .type-video img {
 }
 
+.type-video .embed_video {
+  margin: 0em;
+}
+
 .type-link span.oembed + br, .type-video span.oembed + br,
 .type-link a + br, .type-video a + br,
 .type-link img + br, .type-video img + br{
   display: none;
 }
+
+.embed_video {
+  float:left;
+  margin: 1em;
+  position: relative;
+}
+
+.embed_rich {
+  display: block;
+}
+
+/* Shared Messages */
+.shared_header {
+  height: 32px;
+  color: #999;
+  border-top: 1px solid #D2D2D2;
+  padding-top: 5px;
+  margin-top: 5px;
+}
+
+.shared_header a {
+  color: black;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+
+.shared_header a:hover {
+  color: #36c;
+}
+
+.shared_header img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  float: left;
+}
+
+.shared_header span {
+  margin-left: 9px;
+}
+
+blockquote.shared_content {
+  margin-left: 32px;
+  color: #000;
+  border: none;
+}
+
+.settings-heading a:after{
+  content: ' »';
+}
+
+/* headers */
+h1, h2, h3, h4, h5, h6 {
+  margin: 5px 0px 5px 0px;
+  font-weight: normal;
+  line-height: normal;
+  text-rendering: optimizelegibility;
+}
+
+h1 {
+  font-size: 31.5px;
+}
+
+h2 {
+  font-size: 24.5px;
+}
+
+h3 {
+  font-size: 20.5px;
+}
+
+h4 {
+  font-size: 18px;
+}
+
+h5 {
+  font-size: 16.5px;
+}
+
+h6 {
+  font-size: 14.95px;
+}
+
+span.oembed, h4 {
+  margin: 0px 0px 0px 0px;
+}
+
+code { display: block; background-color: #eee; color: #666; padding:1em; font-size: 0.8em; font-family: monospace; }
+key { display: inline; background-color: #eee; color: #666; padding:0.2em; font-size: 0.8em; font-family: monospace; }
+
+/* fields help text */
+.field .field_help {
+    clear: left;
+}
+
+/* notifications unseen */
+.notify-unseen { background-color: #cceeFF; }
+
+/* plain text editor upload/select popup */
+
+.fbrowser .path a { padding: 5px; }
+.fbrowser .path a:before { content: "/"; padding-right: 5px;}
+.fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
+.fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
+.fbrowser.image .photo-album-image-wrapper { float: left; }
+.fbrowser.image a img { height: 48px; }
+.fbrowser.image a p { display: none;}
+.fbrowser.file .photo-album-image-wrapper { float:none;  white-space: nowrap; }
+.fbrowser.file img { display: inline; }
+.fbrowser.file p  { display: inline; white-space: nowrap; }
+.fbrowser .upload { clear: both; padding-top: 1em;}
+.fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
+.fbrowser .error a.close { float: right; font-weight: bold; }
+.fbrowser .error.hidden { display: none; }
+
+a {
+  cursor: pointer;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}