Profile avatar settings

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

diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index 22e1e7b9e39a3febae5629c3c389757a03400930..cfe445a98e50849a9bfe85b1d9e6715bd73d8475 100644 (file)
--- a/theme/base/css/display.css
+++ b/theme/base/css/display.css
@@ -62,7 +62,9 @@ font-weight:bold;
 textarea {
 overflow:auto;
 }
-select, option {
+select {
+}
+option {
 padding-bottom:0;
 }
 fieldset {
@@ -145,7 +147,9 @@ font-weight:bold;
 
 #form_settings_profile legend,
 #form_login legend,
-#form_register legend {
+#form_register legend,
+#form_password legend,
+#form_settings_avatar legend {
 display:none;
 }
 
@@ -195,11 +199,12 @@ float:left;
 margin-bottom:18px;
 margin-left:18px;
 }
-address .fn,
-address .email {
-display:none;
+address.vcard img.logo {
+margin-right:0;
+}
+address .fn {
+font-weight:bold;
 }
-
 
 
 #header {
@@ -399,7 +404,6 @@ border-radius:7px;
 width:384px;
 width:458px;
 float:left;
-margin-left:68px;
 position:relative;
 line-height:1;
 }
@@ -418,7 +422,7 @@ width:377px;
 width:370px;
 height:86px;
 line-height:1.5;
-padding:7px 7px 14px 7px;
+padding:7px 7px 16px 7px;
 }
 #form_notice label {
 display:block;
@@ -441,7 +445,7 @@ margin-left:4px;
 
 #form_notice .form_note {
 position:absolute;
-top:116px;
+top:120px;
 right:98px;
 z-index:9;
 }
@@ -480,6 +484,20 @@ padding:8px;
 #form_notice li {
 margin-bottom:0;
 }
+
+#form_notice #notice_to {
+margin-bottom:7px;
+}
+
+#notice_to label {
+float:left;
+margin-right:18px;
+margin-top:11px;
+}
+#notice_to select {
+float:left;
+}
+
 /*end FORM NOTICE*/
 
 
@@ -489,7 +507,7 @@ margin-bottom:0;
 /* user_profile */
 #user_profile {
 position:relative;
-width:633px;
+width:475px;
 min-height:123px;
 float:left;
 margin-bottom:17px;
@@ -514,7 +532,7 @@ width:96px;
 #user_profile .user_tags {
 float:left;
 clear:left;
-margin-left:125px;
+margin-left:113px;
 width:322px;
 margin-bottom:4px;
 }
@@ -524,21 +542,26 @@ margin-bottom:4px;
 width:auto;
 clear:none;
 }
-#user_profile .user_nickname {
+#user_profile .user_fn {
 margin-left:11px;
+margin-right:4px;
+}
+#user_profile .user_fn .fn {
+font-weight:bold;
+font-style:normal;
 }
-#user_profile .user_nickname .nickname {
+#user_profile .nickname {
 font-style:italic;
 font-weight:bold;
-margin-left:4px;
-margin-right:4px;
 }
 
-#user_profile .user_nickname dd:before {
+#user_profile .user_fn dd:before {
 content: "(";
+font-weight:normal;
 }
-#user_profile .user_nickname dd:after {
+#user_profile .user_fn dd:after {
 content: ")";
+font-weight:normal;
 }
 
 #user_profile dt {
@@ -547,8 +570,13 @@ display:none;
 #user_profile h2 {
 display:none;
 }
+
 /* user_profile */
 
+
+
+
+
 /*user_actions*/
 #user_actions {
 clear:left;
@@ -564,8 +592,7 @@ display:none;
 list-style-type:none;
 }
 #user_actions li {
-border-top-width:1px;
-border-top-style:dotted;
+margin-bottom:4px;
 }
 #user_actions li:first-child {
 border-top:0;
@@ -578,46 +605,46 @@ padding:0;
 display:none;
 }
 
-#user_actions a,
 #user_actions input.submit {
 display:block;
 text-align:left;
-padding:4px 0 4px 19px;
+cursor:pointer;
+width:100%;
 }
 #user_actions a {
 text-decoration:none;
-}
-#user_subscribe a,
-#TB_window input.submit,
-#user_actions input.submit {
-border:0;
-cursor:pointer;
-padding-left:16px;
+font-weight:bold;
 width:100%;
-font-size:0.9em;
+display:block;
 }
 
-#user_subscribe a {
-width:auto;
+
+
+.form_user_block input.submit,
+.form_user_unblock input.submit,
+#user_send-a-message a,
+.form_user_nudge input.submit {
+border:0;
 padding-left:20px;
 }
 
-#user_subscribe a,
-#TB_window input.submit,
+#user_send-a-message a {
+padding:4px 4px 4px 23px;
+
+}
+
+
+#user_subscribe input.submit,
 .form_user_subscribe input.submit {
-font-weight:bold;
+
 }
 
 
 
 #user_send-a-message form {
-clear:left;
-width:322px;
-margin-top:18px;
 }
 
 #user_send-a-message textarea {
-width:96%;
 }
 
 .user_tags ul {
@@ -677,10 +704,40 @@ clear:both;
 
 
 
+.profile #user_profile {
+margin-bottom:0;
+min-height:60px;
+}
+
+.profile .form_user_unsubscribe {
+float:right;
+}
+.profiles {
+list-style-type:none;
+}
+.profile #user_profile .user_location {
+width:auto;
+clear:none;
+margin-left:11px;
+}
+.profile #user_profile dl,
+.profile #user_profile dd {
+display:inline;
+float:none;
+}
+.profile #user_profile .user_note,
+.profile #user_profile .user_url {
+margin-left:59px;
+clear:none;
+display:block;
+width:auto;
+}
+
 
 
 /* NOTICE */
-.notice {
+.notice,
+.profile {
 position:relative;
 padding-top:18px;
 padding-bottom:18px;
@@ -696,6 +753,12 @@ border-top:1px dashed #D1D9E4;
 list-style-type:none;
 /*margin-bottom:11px;*/
 }
+.notices li.hover {
+border-radius:4px;
+-moz-border-radius:4px;
+-webkit-border-radius:4px;
+}
+
 
 /* NOTICES */
 #notices_primary {
@@ -725,8 +788,8 @@ margin-right:11px;
 
 .vcard .photo {
 display:inline;
-margin-right:7px;
-margin-bottom:7px;
+margin-right:11px;
+margin-bottom:11px;
 float:left;
 }
 .vcard .url {
@@ -761,20 +824,17 @@ display:inline;
 #laconicat .notice p.entry-content {
 /*margin-left:199px;*/
 }
-.notice p.entry-content a {
-
-}
-.notice p.entry-content a:hover {
-
-}
-.notice p.entry-content .tag a {
-
+.notice p.entry-content a:visited {
+border-radius:4px;
+-moz-border-radius:4px;
+-webkit-border-radius:4px;
 }
-.notice p.entry-content .tag a:hover {
-
+.notice p.entry-content .vcard a {
+border-radius:4px;
+-moz-border-radius:4px;
+-webkit-border-radius:4px;
 }
 
-
 .notice div.entry-content {
 /*border:1px solid blue;*/
 clear:left;
@@ -958,8 +1018,20 @@ border-right:0;
 
 
 
-
-
+/*If there is hentry on #content_inner, this doesn't need to be specific to #doc */
+#doc #content_inner p {
+margin-bottom:18px;
+}
+#doc #content_inner ol,
+#doc #content_inner ul {
+list-style-position:inside;
+}
+#doc #content_inner li {
+margin-bottom:18px;
+}
+#doc #content_inner li li {
+margin-left:18px;
+}
 
 
 /*START: LOAD ALONG WITH JS*/
@@ -1040,58 +1112,84 @@ width:24px;
 
 
 /* tagcloud */
-#tagcloud ul {
+.tag-cloud {
 list-style-type:none;
 }
-#tagcloud ul li {
+.tag-cloud li {
 display:inline;
 margin-right:7px;
-line-height:1.4;
+line-height:1;
+}
+.tag-cloud li a {
+text-decoration:none;
 }
-
 #tagcloud.section dt {
 text-transform:uppercase;
 font-weight:bold;
 }
-#tagcloud .weight_1 {
+.tag-cloud-1 {
 font-size:1em;
 }
-#tagcloud .weight_2 {
-font-size:1.3em;
+.tag-cloud-2 {
+font-size:1.5em;
 }
-#tagcloud .weight_3 {
-font-size:1.6em;
+.tag-cloud-3 {
+font-size:2em;
+}
+.tag-cloud-4 {
+font-size:2.5em;
 }
-#tagcloud .weight_4 {
-font-size:1.9em;
+.tag-cloud-5 {
+font-size:3em;
 }
-#tagcloud .weight_5 {
-font-size:2.2em;
+.tag-cloud-6 {
+font-size:3.5em;
+}
+.tag-cloud-7 {
+font-size:4em;
+}
+
+#publictagcloud #tagcloud.section dt {
+display:none;
 }
 
 
 
+
 #form_settings_photo .form_data {
 clear:both;
 }
 
 
 
-
-#photo_original,
-#photo_preview {
+#form_settings_avatar li {
+width:auto;
+}
+#form_settings_avatar input {
+margin-left:0; 
+}
+#avatar_original,
+#avatar_preview {
 float:left;
 }
-#photo_preview,
-#settings_photo_action-crop {
+#avatar_preview {
 margin-left:29px;
 }
-#photo_preview_view {
+#avatar_preview_view {
 height:96px;
 width:96px;
+margin-bottom:18px;
 overflow:hidden;
 }
 
+#settings_attach,
+#form_settings_avatar .form_actions {
+clear:both;
+}
+
+#form_settings_avatar .form_actions {
+margin-bottom:0;
+}