X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fbase%2Fcss%2Fdisplay.css;h=7662397f40b1e8707c9b0b9b85a82700a02c5bd8;hb=1e60c1f0cdb7bf34617dcf67f90322530ed7648e;hp=5c7695cbc6c46fedc0b02ca7730fa0a64106bd7d;hpb=220b51d8be61e9bd316567f3ad03fffdbc4b7526;p=quix0rs-gnu-social.git

diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index 5c7695cbc6..7662397f40 100644
--- a/theme/base/css/display.css
+++ b/theme/base/css/display.css
@@ -20,7 +20,11 @@ ol, ul {list-style-position: inside;}
 fieldset {border: none;}
 legend {font-weight: bold; font-size: 1.2em;}
 input, textarea, select, option {padding: 2px;}
-textarea {overflow:auto;}
+
+textarea {
+    overflow:auto;
+    resize: vertical;
+}
 
 body {
     background-color: #f2f2f2;
@@ -49,11 +53,11 @@ h1, h2, h3, h4, h5, h6 {
     margin-bottom: 15px;
 }
 
-h1 {font-size: 2.2em;}
-h2 {font-size: 1.8em;}
-h3 {font-size: 1.6em;}
-h4 {font-size: 1.4em;}
-h5 {font-size: 1.2em;}
+h1 {font-size: 2.0em;}
+h2 {font-size: 1.6em;}
+h3 {font-size: 1.4em;}
+h4 {font-size: 1.2em;}
+h5 {font-size: 1.1em;}
 h6 {font-size: 1em;}
 
 p {
@@ -79,6 +83,10 @@ option {
     padding-bottom: 0px;
 }
 
+.hidden {
+    display: none;
+}
+
 #wrap {
     position: relative;
     width: 960px;
@@ -121,7 +129,13 @@ option {
     right: 239px; 
     background-color: #fff;  
     border-right: 1px solid #ccc;
-}  
+}
+
+#content_inner {
+    clear: both;
+    display: block;
+    position: relative;
+}
 
 #site_nav_local_views_wrapper  {  
     width: 100%;  
@@ -189,7 +203,7 @@ address img {
     max-width: 158px;
 }
 
-address img + .fn {
+address img + .p-name {
     display: none;
 }
 
@@ -230,8 +244,6 @@ address .poweredby {
 }
 
 #site_notice { 
-    float: right;
-    width: 300px;
     margin: 26px 0px 4px 0px;
     padding: 10px;
     background-color: #f2f2f2;
@@ -244,15 +256,20 @@ address .poweredby {
 /* input forms */
 
 .input_forms {
-    float: left;
     position: relative;
     margin-bottom: 10px;
     border-bottom: 1px dotted #ccc;
+    width: 100%;
+}
+
+.input_forms > label {
+    float: left;
+    margin-right: 1em;
+    opacity: 0.6;
 }
 
 #input_form_nav {
     float: left;
-    width: 100%;
     margin-bottom: 10px;
     list-style-type: none;
 }
@@ -281,10 +298,6 @@ address .poweredby {
     display: block;
 }
 
-#input_form_status, #input_form_direct {
-    padding-bottom: 50px;
-}
-
 .form_notice { 
     margin-bottom: 10px;
 }
@@ -384,7 +397,7 @@ address .poweredby {
 
 .form_notice .count {
     position: absolute;
-    top: 50px;
+    bottom: 72px;
     right: 32px;
     z-index: 99;
     font-size: 0.8em;
@@ -443,14 +456,9 @@ address .poweredby {
 }
 
 .input_form fieldset fieldset label {
-    position: absolute;
-    top: 0;
-    left: 6px;
     float: none;
     text-align: left;
     color: #888;
-    cursor: text;
-    background: #fff;
 }
 
 .input_form .form_settings li input {
@@ -471,6 +479,10 @@ address .poweredby {
     font-size: 1em;
 }
 
+.input_form .form_data label {
+    display: none;
+}
+
 .input_form .form_settings .form_data p.form_guide {
     margin-left: 5px;
 }
@@ -546,9 +558,8 @@ address .poweredby {
 
 .form_notice input.submit {
     position: absolute;
-    top: 100%;
-    left: 0px;
-    margin-top: -49px;
+    right: 0px;
+    margin-top: -1.5em;
     float: left;
     width: 100px;
     padding: 0px;
@@ -568,6 +579,10 @@ address .poweredby {
     z-index: 1;
 }
 
+.form_settings {
+    clear: both;
+}
+
 /* site nav local views */
 
 
@@ -619,67 +634,61 @@ address .poweredby {
     line-height: 1.36em;
 }
 
-.notice, .profile, .application, #content .peopletag {
+.profile, .application, #content .peopletag {
+    position:relative;
+    clear:both;
+    float:left;
+    width:100%;
+}
+
+.application, #content .peopletag {
     position:relative;
     clear:both;
     float:left;
     width:100%;
 }
 
-.notice .author {
+.notice .p-author {
     margin-right: 8px;
 }
 
-.notice .addressees:before {
+.notice .addressees::before {
     content: '\25B8';
 }
+.notice .addressees, .notice .addressees li {
+    display: inline;
+}
+.notice .addressees > li::before {
+    content: ',';
+}
+.notice .addressees > li:first-child::before {
+    content: '';
+}
 
 .notice .addressees .group {
     font-style: italic;
 }
 
-.fn {
+.p-name {
     overflow: hidden;
 }
 
-.notice .author .fn {
+.notice .p-author {
     font-weight: bold;
 }
 
-#core .vcard .photo {
-    display: inline;
-    margin-right: 11px;
+#core .h-card .u-photo {
     float: left;
+    margin-right: 8px;
 }
 
-#content .notice .author .photo {
-    position: absolute;
-    top: 7px;
-    left: 0px;
-    float: none;
-}
-
-#content .notice .entry-title {
-    margin: 2px 7px 0px 59px;
-    min-height: 35px;
-}
-
-.vcard .url {
+.h-card .u-url, .h-card.u-url {
     text-decoration:none;
 }
-.vcard .url:hover {
+.h-card .u-url:hover, .h-card.u-url:hover {
     text-decoration:underline;
 }
 
-.notice .entry-title {
-    overflow:hidden;
-    word-wrap:break-word;
-}
-
-.notice .entry-title.ov {
-overflow:visible;
-}
-
 .notice .automatic { 
 font-style:italic;
 }
@@ -688,11 +697,8 @@ font-style:italic;
     display:none;
 }
 
-#remoteprofile .notice .entry-title, #remoteprofile .notice div.entry-content,
-#showstream .notice .entry-title, #showstream .notice div.entry-content {
-    margin-left: 0;
-}
-
+#remoteprofile .notice .h-entry,
+#showstream .notice .h-entry,
 #remoteprofile .notice .entry-title,
 #showstream .notice .entry-title {
     min-height: 1px;
@@ -708,45 +714,28 @@ font-style:italic;
     min-height: 1em; 
 }
 
-#shownotice .notice .entry-title {
+#shownotice .notice .h-entry {
     font-size:2.2em;
     min-height:123px;
     font-size: 1.6em;
     line-height: 1.2em;
 }
 
-#shownotice .notice div.entry-content {
-    margin-left:0;
+.notice .e-content {
+    margin-left: 56px;
+    max-height: 400px;
+    overflow-y: auto;
 }
 
-.notice p.entry-content {
-    display:inline;
-}
-
-.notice div.entry-content {
-    clear:left;
-    float:left;
-    margin-left:59px;
-    margin-top: 10px;
-}
-
-.entry-content .repeat {
-    display: block;
-}
-
-.entry-content .repeat .photo {
-float:none;
-margin-right:1px;
-position:relative;
-top:4px;
-left:0;
+.notice .e-content img {
+    max-width: 100%;
 }
 
 .notice-options {
-    float: right;    
+    margin-bottom: 7px;
     margin-top: 12px;
-    margin-right: -6px;
-    margin-bottom: 10px;
+    float: right;    
+    position: relative;
 }
 
 .notice-options fieldset {
@@ -813,6 +802,24 @@ z-index:99;
 position:static;
 }
 
+.notice.h-entry .attachments {
+    clear: both;
+    position: relative;
+    margin-bottom: 1em;
+}
+
+.notice.h-entry .attachments .inline-attachment * {
+    max-width: 100%;
+}
+.notice.h-entry .attachments .inline-attachment > a {
+    font-size: 0.8em;
+    line-height: 16px;
+    height: 16px;
+}
+.notice.h-entry .attachments .inline-attachment > img {
+    display: block;
+}
+
 #attachments {
 clear:both;
 float:left;
@@ -832,7 +839,7 @@ float:left;
 clear:both;
 }
 
-#attachment_view img {
+#attachment_view img, #attachment_view .attachment_player {
 max-width:480px;
 max-height:480px;
 }
@@ -858,8 +865,7 @@ content: ":";
     clear: both;
     float: left;
     width: 458px;
-    margin-left: 59px;
-    margin-top: 10px;
+    margin-left: 55px;
     margin-bottom: 10px;
     padding-right: 2px;
     border-left: 3px solid #ECECF2;
@@ -869,18 +875,14 @@ content: ":";
 }
 
 .threaded-replies:empty {
-    margin-bottom: 0px; 
-}
-
-.user_in .threaded-replies {
-    margin-top: 0px;
+    display: none;
 }
 
 #content .notice .threaded-replies .notice,
 #content .notice .threaded-replies .notice-data { 
     width: 440px;
-    padding-bottom: 14px;
-    padding-top: 5px;
+    padding-bottom: 1ex;
+    padding-top: 1ex;
     border-bottom: 2px dotted #eee;
     line-height: 1.36em;
     margin-top: 0px;
@@ -889,34 +891,33 @@ content: ":";
     background: none;
 }
 
+#content .notice .threaded-replies .notice.h-entry,
 #content .notice .threaded-replies .entry-title {
     min-height: 1px;
 }
 
-#content .threaded-replies .notice .author .photo {
+#content .threaded-replies .notice .p-author .u-photo {
     height: 24px;
     width: 24px;
     top: 12px;
 }
 
-#content .notice .threaded-replies .notice .entry-title {
-    margin: 2px 7px 0px 35px;
+#content .threaded-replies .notice.h-entry .e-content {
+    margin-left: 32px;
 }
 
-#content .notice .threaded-replies .notice div.entry-content {
-    clear:left;
-    float:left;
-    margin-left: 35px;
-    margin-top: 6px !important;
+.threaded-replies .notice-repeats,
+.threaded-replies .notice-faves {
+    clear: both;
+    font-size: 0.88em;
 }
-
-#content .notice .threaded-replies .notice div.entry-content.notice-faves {
-    margin-top: 2px !important;
+.threaded-replies .notice-faves:before {
+    content: "\2665";
+    margin-right: 1ex;
 }
-
-#content .notice .threaded-replies .notice .notice-options {
-    margin-top: 5px;
-    margin-bottom: 0px;
+.threaded-replies .notice-repeats:before {
+    content: "\267B";
+    margin-right: 1ex;
 }
 
 .threaded-replies li {
@@ -962,9 +963,9 @@ content: ":";
     right: 50px;
 }
 
-.threaded-replies .form_notice #notice_action-submit {
-    left: 10px;
-    margin-top: -44px;
+.threaded-replies .form_notice input.submit {
+    bottom: 1ex;
+    right: 1ex;
 }
 
 .threaded-replies .form_notice .error,
@@ -977,6 +978,18 @@ content: ":";
     display: none;
 }
 
+.notice .permalink:after {
+    content: ']';
+}
+
+.notice .permalink:before {
+    content: '[';
+}
+
+.notice footer .source + .permalink.external {
+    display: none;
+}
+
 /* old school conversation style */
 
 #conversation .notices .notices {
@@ -986,11 +999,6 @@ content: ":";
     width: auto;
 }
 
-#conversation .notices .threaded-replies {
-    margin-left: 59px;
-    background: #fafafa;
-}
-
 #conversation .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices  {
     background: none;
     margin-left: 0px;
@@ -1003,26 +1011,8 @@ content: ":";
 clear:both;
 }
 
-.section .vcard .photo {
-margin-right:7px;
-margin-bottom:0;
-}
-
-.section .notice {
-padding-top:7px;
-padding-bottom:7px;
-border-top:0;
-}
-
-.section .notice:first-child {
-padding-top:0;
-}
-
-.section .notice .author {
-margin-right:0;
-}
-.section .notice .author .fn {
-display:none;
+.notice-title {
+    display:none;
 }
 
 #aside_primary ol.notices {
@@ -1033,12 +1023,13 @@ display:none;
     width: 100%;
 }
 
-#aside_primary .notices li {
-    margin-bottom: 8px;
+#aside_primary .notice .h-card .u-photo {
+    height: 24px;
+    width: 24px;
+    margin-right: 8px;
 }
-
-#aside_primary .notice {
-    min-height: 24px;
+#aside_primary .notice .e-content {
+    margin-left: 32px;
 }
 
 #export_data li {
@@ -1084,12 +1075,9 @@ content: ":";
     margin-bottom: 8px;
     display: inline;
 }
-.section .entities li .photo {
+.section .entities li .u-photo {
     margin: 0;
 }
-.section .entities li .fn {
-    display: none;
-}
 
 .tag-cloud {
 list-style-type:none;
@@ -1160,7 +1148,7 @@ clear:both;
 margin-bottom:18px;
 }
 
-.entry-content .success {
+.e-content .success {
     padding: 6px;
 }
 
@@ -1179,16 +1167,6 @@ display:none;
 clear:both;
 }
 
-#bookmarklet address {
-display:none;
-}
-#bookmarklet .form_notice {
-width:auto;
-}
-#bookmarklet #wrap {
-min-width:0;
-}
-
 button.close,
 button.minimize {
 width:16px;
@@ -1203,6 +1181,7 @@ cursor:pointer;
 
 .dialogbox {
 position:absolute;
+    width: 200px;
     top: 0px;
     right: 0px;
 z-index:9;
@@ -1243,6 +1222,11 @@ padding-left:4px;
 margin-bottom:0;
 }
 
+.notice-options .form_repeat.dialogbox input.submit_dialogbox {
+    float: right;
+    min-width: 80px;
+}
+
 #pagination {
     background-color: #f2f2f2;
     clear: left;
@@ -1309,20 +1293,16 @@ form label.submit {
 display:none;
 }
 
-.form_settings {
-    clear:both;
-}
-
 .form_settings fieldset {
     margin-top: 10px;
-    margin-bottom: 30px;
+    margin-bottom: 10px;
     border: none;
 }
 
 .form_settings fieldset fieldset {
-    margin-bottom: 40px;
+    margin-bottom: 20px;
     padding: 10px;
-    padding-top: 30px;
+    padding-top: 10px;
     border-width:1px;
     border-style:solid;
     background:rgba(240, 240, 240, 0.2);
@@ -1357,9 +1337,6 @@ float:left;
 }
 
 
-.form_settings .form_data input {
-width:39%;
-}
 .form_settings .form_data input.submit,
 .form_settings .form_data input.checkbox,
 .form_settings .form_data input.radio {
@@ -1487,16 +1464,35 @@ margin-left:11px;
 width:auto;
 }
 
-.hentry .entry-content .form_settings ul {
+.h-entry .e-content .form_settings ul {
 margin-left:0;
 }
 
-.limited-scope .entry-content .timestamp:before {
+.notice > footer {
+    clear: left;
+    font-size: 0.8em;
+    margin-left: 56px;
+}
+
+.notice > footer > h3 {
+    margin-bottom: 0;
+    margin-top: 1em;
+}
+
+.threaded-replies .notice > footer, .section .notice > footer {
+    margin-left:33px;
+}
+
+.notice > footer .timestamp span.p-name {
+    display: none;
+}
+
+.limited-scope .e-content .timestamp:before {
 content:'☠';
 font-size:150%;
 }
 
-#content .notice-source-activity div.entry-title, .notice-source-activity div.entry-content {
+#content .notice-source-activity div.entry-title, .notice-source-activity div.e-content {
     margin-left: 0;
 } 
 
@@ -1614,30 +1610,45 @@ height:16px;
     top: -3px;
 }
 
+ul.profile_list {
+    list-style-type:none;
+}
+
+ul.profile_list li {
+    margin-bottom: 20px;
+}
+
+.profile_list .h-card .u-photo {
+    margin-right: 4px;
+}
+.profile_list .h-card .p-nickname {
+    display: block;
+}
+
 .entity_profile .entity_nickname,
 .entity_profile .entity_fn {
 margin-left:0;
 }
 
-.entity_profile .nickname {
+.entity_profile .p-nickname {
     font-size:1.4em;
 }
 
-.entity_profile .fn {
+.entity_profile .p-name {
     font-size: 1.2em;
     clear: left;
 }
 
-.entity_profile .fn:before {
+.entity_profile .p-name:before {
 content: "(";
 font-weight:normal;
 }
-.entity_profile .fn:after {
+.entity_profile .p-name:after {
 content: ")";
 font-weight:normal;
 }
-.entity_profile .nickname:after,
-.entity_profile .nickname:before {
+.entity_profile .p-nickname:after,
+.entity_profile .p-nickname:before {
 content:"";
 }
 .entity_profile dt,
@@ -1886,33 +1897,17 @@ min-height:60px;
 display:none;
 }
 
-.profiles {
-    list-style-type:none;
-}
-
-.profiles li {
-    margin-bottom: 20px;
-}
-
-.profile .entity_profile .fn.nickname,
-.profile .entity_profile .url[rel~=contact] {
+.profile .entity_profile .p-name,
+.profile .entity_profile .u-url[rel~=contact] {
 margin-left:0;
 display:inline;
 }
 
-.profile .entity_profile .fn,
-.profile .entity_profile .label {
-margin-left:11px;
-margin-bottom:4px;
-width:auto;
-clear:none;
-}
-
 .profile .entity_profile .note,
-.profile .entity_profile .url,
+.profile .entity_profile .u-url,
 .profile .entity_profile .entity_tags,
 .profile .entity_profile .form_subscription_edit {
-margin-left:59px;
+margin-left:55px;
 clear:none;
 display:block;
 width:auto;
@@ -1943,7 +1938,7 @@ min-height: 90px;
 list-style: none;
 }
 
-.peopletag .entry-content {
+.peopletag .e-content {
 width:auto;
 }
 
@@ -1986,13 +1981,13 @@ font-weight:normal;
 margin-right:10px;
 }
 
-.profile-lister li .photo {
+.profile-lister li .u-photo {
 display:inline;
 margin-right:7px;
 margin-bottom:-5px;
 }
 
-.profile-lister li .fn {
+.profile-lister li .p-name {
 font-weight:bold;
 }
 
@@ -2003,8 +1998,6 @@ margin:0;
 #profile_search_results {
 display:block;
 border-radius:4px;
--moz-border-radius:4px;
--webkit-border-radius:4px;
 max-height:800px;
 margin:10px 0;
 padding: 5px;
@@ -2073,8 +2066,6 @@ float:left;
     padding: 6px;
     margin: 4px 0px 0px 4px;
     border-top-left-radius: 7px;
-    -moz-border-radius-topleft: 7px;
-    -webkit-border-top-left-radius: 7px;
 }
 
 .oauth-desktop-mode fieldset {
@@ -2092,8 +2083,8 @@ width:68%;
 #showapplication .entity_profile .entity_fn {
 margin-left:0;
 }
-#showapplication .entity_profile .fn:before,
-#showapplication .entity_profile .fn:after {
+#showapplication .entity_profile .p-name:before,
+#showapplication .entity_profile .p-name:after {
 content:'';
 }
 #showapplication .entity_data {
@@ -2496,7 +2487,7 @@ display:none;
     list-style-type: none;
 }
 
-/*end of @media screen, projection, tv*/
+}/*end of @media screen, projection, tv*/
 
 
 @media print {