Somewhat better layout for approving/rejecting subrequests

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

diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index 4df34ad8cb01136a6eac984d1d883adde969ad92..234bd9c9130b5519435e7542138b813b54eb6f24 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;
@@ -630,6 +634,13 @@ address .poweredby {
     line-height: 1.36em;
 }
 
+.profile, .application, #content .peopletag {
+    position:relative;
+    clear:both;
+    float:left;
+    width:100%;
+}
+
 .application, #content .peopletag {
     position:relative;
     clear:both;
@@ -637,12 +648,12 @@ address .poweredby {
     width:100%;
 }
 
-.notice .p-author {
-    margin-right: 8px;
+.notice .parents {
+    display: inline;
 }
 
-.notice .addressees::before {
-    content: '\25B8';
+.notice .parents::before {
+    content: '\25B8  ';
 }
 .notice .addressees, .notice .addressees li {
     display: inline;
@@ -682,10 +693,6 @@ address .poweredby {
 font-style:italic;
 }
 
-#showstream h1 { 
-    display:none;
-}
-
 #remoteprofile .notice .h-entry,
 #showstream .notice .h-entry,
 #remoteprofile .notice .entry-title,
@@ -722,7 +729,6 @@ font-style:italic;
 
 .notice-options {
     margin-bottom: 7px;
-    margin-top: 12px;
     float: right;    
     position: relative;
 }
@@ -852,7 +858,6 @@ content: ":";
 
 .threaded-replies {
     clear: both;
-    float: left;
     width: 458px;
     margin-left: 55px;
     margin-bottom: 10px;
@@ -948,7 +953,7 @@ content: ":";
 }
 
 .threaded-replies .form_notice .count {
-    top: 60px;
+    bottom: 60px;
     right: 50px;
 }
 
@@ -982,7 +987,6 @@ content: ":";
 /* old school conversation style */
 
 #conversation .notices .notices {
-    float: left;
     background-color:rgba(200, 200, 200, 0.050);
     margin-left: 15px;
     width: auto;
@@ -1607,11 +1611,17 @@ ul.profile_list li {
     margin-bottom: 20px;
 }
 
+ul.profiles.groups {
+    list-style-type:none;
+}
+
 .profile_list .h-card .u-photo {
     margin-right: 4px;
 }
-.profile_list .h-card .p-nickname {
-    display: block;
+
+table.profile_list tbody tr:nth-child(2n+1) {
+    background-color: #fafafa !important;
+    border: none !important;
 }
 
 .entity_profile .entity_nickname,
@@ -1620,14 +1630,17 @@ margin-left:0;
 }
 
 .entity_profile .p-nickname {
-    font-size:1.4em;
+    font-weight: bold;
 }
 
 .entity_profile .p-name {
-    font-size: 1.2em;
     clear: left;
 }
 
+.entity_profile .label {
+    display: block;
+}
+
 .entity_profile .p-name:before {
 content: "(";
 font-weight:normal;
@@ -1698,7 +1711,7 @@ display:block;
     padding: 4px 4px 4px 26px;
 }
 
-.entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input, .entity_actions input.submit {
+.entity_actions a, .entity_actions p, .entity_actions .entity_approval input, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input, .entity_actions input.submit {
     background-color: #ccc !important;
     border: none;
 }
@@ -1707,7 +1720,7 @@ display:block;
     padding: 2px 4px 4px 28px;
 }
 
-.entity_actions a:hover, .entity_actions p:hover, .entity_actions .entity_subscribe input:hover, .entity_actions .entity_block input:hover, .entity_actions .entity_moderation input:hover, .entity_actions .entity_role input:hover, .entity_actions .entity_nudge input:hover, .entity_actions .entity_delete input:hover, .entity_actions input.submit:hover {
+.entity_actions a:hover, .entity_actions p:hover, .entity_actions, .entity_subscribe input:hover, .entity_actions .entity_subscribe input:hover, .entity_actions .entity_block input:hover, .entity_actions .entity_moderation input:hover, .entity_actions .entity_role input:hover, .entity_actions .entity_nudge input:hover, .entity_actions .entity_delete input:hover, .entity_actions input.submit:hover {
     background-color: #f2f2f2 !important;
 }
 
@@ -1873,7 +1886,7 @@ left:3px;
 }
 
 .profile .entity_profile {
-margin-bottom:0;
+margin-bottom:10px;
 min-height:60px;
 }
 
@@ -2095,11 +2108,13 @@ width:14.5%;
 
 .mark-top {
     border-top: 1px solid #ccc;
+    padding-top: 5px;
 }
 
 #realtime_actions {
     position: relative !important;
     right: -4px !important;
+    top: -65px !important;
     float: right;
     padding-top: 15px;
     margin-bottom: -8px !important;
@@ -2231,6 +2246,8 @@ button.close,
 .form_user_add_peopletag input.submit,
 .form_peopletag_subscribe input.submit,
 .form_peopletag_unsubscribe input.submit,
+.form_group_queue #approve,
+.form_group_queue #cancel,
 .notice-options .repeated,
 .form_notice label.notice_data-geo,
 button.minimize,
@@ -2239,6 +2256,7 @@ button.minimize,
 .entity_clear input.submit,
 .entity_flag input.submit,
 .entity_flag p,
+.entity_approval input.submit,
 .entity_subscribe input.submit,
 #realtime_play,
 #realtime_pause,
@@ -2272,6 +2290,14 @@ background-repeat:no-repeat;
 background-color:transparent;
 }
 
+
+.form_group_queue #approve {
+background-position:2px -2174px;
+}
+.form_group_queue #cancel {
+background-position:2px -2240px;
+}
+
 .form_group_leave input.submit,
 .form_user_unsubscribe input.submit,
 .form_user_remove_peopletag input.submit,
@@ -2352,9 +2378,11 @@ background-position: 5px -2039px;
 .entity_flag p {
 background-position: 5px -2105px;
 }
+.entity_approval input.approve,
 .entity_subscribe input.accept {
 background-position: 5px -2171px;
 }
+.entity_approval input.cancel,
 .entity_subscribe input.reject {
 background-position: 5px -2237px;
 }