Textarea resizes only vertically.

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

diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index 4be2d61e285343bd7b0922118b49a394eaaeb07b..7662397f40b1e8707c9b0b9b85a82700a02c5bd8 100644 (file)
--- 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;
@@ -79,6 +83,10 @@ option {
     padding-bottom: 0px;
 }
 
+.hidden {
+    display: none;
+}
+
 #wrap {
     position: relative;
     width: 960px;
@@ -254,6 +262,12 @@ address .poweredby {
     width: 100%;
 }
 
+.input_forms > label {
+    float: left;
+    margin-right: 1em;
+    opacity: 0.6;
+}
+
 #input_form_nav {
     float: left;
     margin-bottom: 10px;
@@ -383,7 +397,7 @@ address .poweredby {
 
 .form_notice .count {
     position: absolute;
-    top: 50px;
+    bottom: 72px;
     right: 32px;
     z-index: 99;
     font-size: 0.8em;
@@ -442,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 {
@@ -470,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;
 }
@@ -621,7 +634,14 @@ 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;
@@ -659,6 +679,7 @@ address .poweredby {
 
 #core .h-card .u-photo {
     float: left;
+    margin-right: 8px;
 }
 
 .h-card .u-url, .h-card.u-url {
@@ -701,16 +722,20 @@ font-style:italic;
 }
 
 .notice .e-content {
-    margin-left: 55px;
+    margin-left: 56px;
+    max-height: 400px;
+    overflow-y: auto;
 }
 
-.notice-options {
-    margin-bottom: 7px;
-    margin-top: 12px;
+.notice .e-content img {
+    max-width: 100%;
 }
 
 .notice-options {
+    margin-bottom: 7px;
+    margin-top: 12px;
     float: right;    
+    position: relative;
 }
 
 .notice-options fieldset {
@@ -780,7 +805,7 @@ position:static;
 .notice.h-entry .attachments {
     clear: both;
     position: relative;
-    top: 1em;
+    margin-bottom: 1em;
 }
 
 .notice.h-entry .attachments .inline-attachment * {
@@ -791,6 +816,9 @@ position:static;
     line-height: 16px;
     height: 16px;
 }
+.notice.h-entry .attachments .inline-attachment > img {
+    display: block;
+}
 
 #attachments {
 clear:both;
@@ -840,7 +868,6 @@ content: ":";
     margin-left: 55px;
     margin-bottom: 10px;
     padding-right: 2px;
-    padding-top: 5px;
     border-left: 3px solid #ECECF2;
     background: #fafafa;
     color: #222;
@@ -937,7 +964,8 @@ content: ":";
 }
 
 .threaded-replies .form_notice input.submit {
-    bottom: 0;
+    bottom: 1ex;
+    right: 1ex;
 }
 
 .threaded-replies .form_notice .error,
@@ -958,7 +986,7 @@ content: ":";
     content: '[';
 }
 
-.notice .permalink.external {
+.notice footer .source + .permalink.external {
     display: none;
 }
 
@@ -983,30 +1011,6 @@ 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;
-}
-
 .notice-title {
     display:none;
 }
@@ -1019,12 +1023,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 {
@@ -1176,6 +1181,7 @@ cursor:pointer;
 
 .dialogbox {
 position:absolute;
+    width: 200px;
     top: 0px;
     right: 0px;
 z-index:9;
@@ -1216,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;
@@ -1460,6 +1471,16 @@ margin-left:0;
 .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 {