Repeat confirmation dialogbox fix

[quix0rs-gnu-social.git] / theme / base / css / display.css

diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index f40c4cf07ad474222af0f3f46e6231432a4b98e6..4df34ad8cb01136a6eac984d1d883adde969ad92 100644 (file)
--- a/theme/base/css/display.css
+++ b/theme/base/css/display.css
@@ -49,11 +49,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 +79,10 @@ option {
     padding-bottom: 0px;
 }
 
+.hidden {
+    display: none;
+}
+
 #wrap {
     position: relative;
     width: 960px;
@@ -248,15 +252,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;
 }
@@ -384,7 +393,7 @@ address .poweredby {
 
 .form_notice .count {
     position: absolute;
-    top: 50px;
+    bottom: 72px;
     right: 32px;
     z-index: 99;
     font-size: 0.8em;
@@ -443,14 +452,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 +475,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;
 }
@@ -567,6 +575,10 @@ address .poweredby {
     z-index: 1;
 }
 
+.form_settings {
+    clear: both;
+}
+
 /* site nav local views */
 
 
@@ -618,7 +630,7 @@ address .poweredby {
     line-height: 1.36em;
 }
 
-.notice, .profile, .application, #content .peopletag {
+.application, #content .peopletag {
     position:relative;
     clear:both;
     float:left;
@@ -656,11 +668,7 @@ address .poweredby {
 
 #core .h-card .u-photo {
     float: left;
-}
-
-#content .notice .h-entry {
-    margin: 2px 0 0 0;
-    min-height: 32px;
+    margin-right: 8px;
 }
 
 .h-card .u-url, .h-card.u-url {
@@ -670,15 +678,6 @@ address .poweredby {
     text-decoration:underline;
 }
 
-.notice .h-entry {
-    overflow:hidden;
-    word-wrap:break-word;
-}
-
-.notice .entry-title.ov {
-overflow:visible;
-}
-
 .notice .automatic { 
 font-style:italic;
 }
@@ -711,35 +710,21 @@ font-style:italic;
     line-height: 1.2em;
 }
 
-.notice div.e-content {
-    margin-left: 55px;
+.notice .e-content {
+    margin-left: 56px;
+    max-height: 400px;
+    overflow-y: auto;
 }
 
-.entry-metadata .repeat {
-    display: block;
-}
-
-.entry-metadata .repeat .u-photo {
-float:none;
-margin-right:1px;
-position:relative;
-top:4px;
-left:0;
-}
-
-.entry-metadata {
-    clear: left;
-    float: left;
-    font-size: 0.88em;
+.notice .e-content img {
+    max-width: 100%;
 }
 
-.entry-metadata, .notice-options {
+.notice-options {
     margin-bottom: 7px;
     margin-top: 12px;
-}
-
-.notice-options {
     float: right;    
+    position: relative;
 }
 
 .notice-options fieldset {
@@ -809,7 +794,19 @@ position:static;
 .notice.h-entry .attachments {
     clear: both;
     position: relative;
-    top: 1em;
+    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 {
@@ -860,7 +857,6 @@ content: ":";
     margin-left: 55px;
     margin-bottom: 10px;
     padding-right: 2px;
-    padding-top: 5px;
     border-left: 3px solid #ECECF2;
     background: #fafafa;
     color: #222;
@@ -868,7 +864,7 @@ content: ":";
 }
 
 .threaded-replies:empty {
-    margin-bottom: 0px; 
+    display: none;
 }
 
 #content .notice .threaded-replies .notice,
@@ -884,7 +880,7 @@ content: ":";
     background: none;
 }
 
-#content .notice .threaded-replies .h-entry,
+#content .notice .threaded-replies .notice.h-entry,
 #content .notice .threaded-replies .entry-title {
     min-height: 1px;
 }
@@ -895,11 +891,7 @@ content: ":";
     top: 12px;
 }
 
-#content .notice .threaded-replies .notice .h-entry p.e-content {
-    margin-left: 32px;
-}
-
-#content .notice .threaded-replies .notice div.e-content {
+#content .threaded-replies .notice.h-entry .e-content {
     margin-left: 32px;
 }
 
@@ -961,7 +953,8 @@ content: ":";
 }
 
 .threaded-replies .form_notice input.submit {
-    bottom: 0;
+    bottom: 1ex;
+    right: 1ex;
 }
 
 .threaded-replies .form_notice .error,
@@ -974,6 +967,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 {
@@ -995,31 +1000,7 @@ content: ":";
 clear:both;
 }
 
-.notice p.e-content {
-    clear: none;
-    display: block;
-}
-
-.section .h-card .u-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;
-}
-
-.p-name.metadata {
+.notice-title {
     display:none;
 }
 
@@ -1031,12 +1012,13 @@ margin-right:0;
     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 {
@@ -1188,6 +1170,7 @@ cursor:pointer;
 
 .dialogbox {
 position:absolute;
+    width: 200px;
     top: 0px;
     right: 0px;
 z-index:9;
@@ -1228,6 +1211,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;
@@ -1294,20 +1282,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);
@@ -1342,9 +1326,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 {
@@ -1476,7 +1457,22 @@ width:auto;
 margin-left:0;
 }
 
-.entry-metadata .timestamp span.p-name {
+.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;
 }
 
@@ -1991,8 +1987,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;
@@ -2061,8 +2055,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 {
@@ -2484,7 +2476,7 @@ display:none;
     list-style-type: none;
 }
 
-/*end of @media screen, projection, tv*/
+}/*end of @media screen, projection, tv*/
 
 
 @media print {