Merge pull request #11455 from annando/update-avatar

[friendica.git] / view / global.css

diff --git a/view/global.css b/view/global.css
index 9d62cf03061619bd5b5c556a7b2159387f2802c9..3365ce4aa03e172d0b23576e8aae73ebde8d1830 100644 (file)
--- a/view/global.css
+++ b/view/global.css
@@ -1,7 +1,11 @@
 /* General style rules .*/
 .pull-right { float: right }
 
-/* General designing elements */
+details > summary {
+  cursor: pointer;
+}
+
+/* General design elements */
 .btn {
   outline: none;
   -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
@@ -83,13 +87,21 @@ span.connector {
 
 .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;
 }
 
+
+.wall-item-like-expanded,
+.wall-item-dislike-expanded,
+.wall-item-attendyes-expanded,
+.wall-item-attendno-expanded,
+.wall-item-attendmaybe-expanded {
+  margin: 0;
+}
+
 .type-link blockquote, .type-video blockquote {
   margin-left: 0px;
   max-height: 160px;
@@ -139,16 +151,38 @@ span.connector {
 }
 
 /* Shared Messages */
+
 .shared_header {
+  display: flex;
+  justify-content: space-between;
   min-height: 32px;
   color: #999;
   border-top: 1px solid #D2D2D2;
   padding-top: 5px;
   margin-top: 5px;
 }
+.shared_header > .avatar {
+  display: block;
+  flex: 0 0 41px;
+  margin-inline-end: 9px;
+}
+.shared_header > .avatar > img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.shared_header > .metadata {
+  flex: 1 0 auto;
+}
+.shared_header > .metadata > p {
+  margin: 0;
+}
+.shared_header > .preferences {
+  position: static;
+  flex: 0 0 auto;
+}
 
 .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;
@@ -156,25 +190,8 @@ span.connector {
   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;
-  margin-right: 9px;
-}
-
-.shared_header span {
-  display: table-cell;
-  float: none;
-}
-
 blockquote.shared_content {
-  margin-left: 32px;
+  margin-inline-start: 32px;
   color: #000;
   border: none;
 }
@@ -207,10 +224,8 @@ blockquote.shared_content {
 }
 
 #newmember-tips {
+  margin-top: -3px;
   font-size: 1.2em;
-  float: right;
-  margin-top: -32px;
-  padding-right: 10px;
 }
 
 /* headers */
@@ -249,15 +264,7 @@ span.oembed, h4 {
   margin: 0px 0px 0px 0px;
 }
 
-code {
-  display: block;
-  background-color: #eee;
-  color: #666;
-  padding: 1em;
-  font-size: 0.85em;
-  font-family: monospace;
-}
-key {
+code, key {
   display: inline;
   background-color: #eee;
   color: #666;
@@ -272,7 +279,7 @@ key {
 }
 
 /* notifications unseen */
-.notify-unseen { background-color: #cceeFF; }
+.notification-unseen { background-color: #cceeFF; }
 
 /* autocomplete popup */
 ul.acpopup {
@@ -404,22 +411,6 @@ a {
 .selected-identity img {
   border: 2px solid #ff0000;
 }
-/* poke */
-#poke-desc {
-  margin: 5px 0 10px;
-}
-
-#poke-wrapper  {
-  padding: 10px 0 0px;
-}
-
-#poke-recipient, #poke-action, #poke-privacy-settings {
-  margin: 10px 0 30px;
-}
-
-#poke-recip-label, #poke-action-label, #prvmail-message-label {
-  margin: 10px 0 10px;
-}
 .version-match {
   font-weight: bold;
   color: #00a700;
@@ -464,17 +455,33 @@ td.federation-data {
   opacity: 0.3;
 }
 
+/* help widget */
+aside .help-aside-wrapper ul {
+  padding-left: 1em;
+}
+
+aside .help-aside-wrapper h1 {
+  font-size:2em
+}
+
+.md_warning {
+  padding: 1em;
+  border: #ff0000 solid 2px;
+  background-color: #f9a3a3;
+  color: #ffffff;
+}
+
 #forum-widget-collapse:hover {
   opacity: 1.0;
 }
 
-.crepair-label {
+.contact-advanced-label {
   margin-top: 10px;
   float: left;
   width: 250px;
 }
 
-.crepair-input {
+.contact-advanced-input {
   margin-top: 10px;
   float: left;
   width: 200px;
@@ -531,6 +538,7 @@ td.pendingnote > p > span {
 }
 
 /* warning message */
+.contact-advanced-error-message,
 .warning-message {
   padding: 10px;
   margin: 5px;
@@ -592,3 +600,73 @@ img.invalid-src:after { vertical-align: top;}
 .tag-cloud {
   word-wrap: break-word;
 }
+
+#register-explicid-content {
+  font-weight: bold;
+}
+
+span.emoji.mastodon img {
+  height: 1.2em;
+  vertical-align: middle;
+}
+
+/* Exception page */
+
+#exception {
+  overflow: hidden;
+  background-image: url('../images/friendica-404_svg_hare-bottom-light-inside.png');
+  background-position: 50px bottom;
+  background-repeat: no-repeat;
+}
+
+#exception .hare {
+  float: right;
+}
+
+@media screen and (max-width: 600px) {
+  #exception .hare {
+    display: none;
+  }
+}
+
+/* Profile Settings Custom Fields */
+body.dragging, body.dragging * {
+       cursor: ns-resize !important;
+}
+
+.dragged {
+       position: absolute;
+       opacity: 0.5;
+       z-index: 2000;
+}
+
+#profile-custom-fields > fieldset > legend {
+       cursor: ns-resize;
+}
+
+#profile-custom-fields div.placeholder {
+       position: relative;
+       margin: 0;
+       padding: 0;
+       border-top: 1px dotted black;
+}
+#profile-custom-fields div.placeholder:before {
+       position: absolute;
+       content: "";
+       width: 0;
+       height: 0;
+       margin-top: -7px;
+       left: -7px;
+       top: -1px;
+       border: 7px solid transparent;
+       border-left-color: black;
+       border-right: none;
+}
+
+span.required {
+       color: #c80000;
+}
+
+audio {
+  width: 100%;
+}