Merge branch 'master' of ssh://zach@dev.controlyourself.ca/var/www/trunk

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

diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index b58a5b09c083b93f5f92635906c080c0c257aba6..d2480be14aa436491b650ee5380d8c7abb78cd55 100644 (file)
--- a/theme/base/css/display.css
+++ b/theme/base/css/display.css
@@ -15,46 +15,62 @@ position:relative;
 margin:0 auto;
 width:1004px;
 width:71.714em;
-max-width:100%;
+}
+h1,h2,h3,h4,h5,h6 {
+       text-transform:uppercase;
+       margin-bottom:7px;
 }
 h1 {
-font-size:2.1em;
-line-height:1.1;
-margin-bottom:0.25em;
+font-size:1.4em;
+line-height:1;
+margin-bottom:18px;
 }
 h2 { font-size:1.3em; }
 h3 { font-size:1.2em; }
 h4 { font-size:1.1em; }
 h5 { font-size:1em; }
 h6 { font-size:0.9em; }
-h1,h2,h3,h4,h5,h6 {
-       text-transform:uppercase;
-       margin-bottom:7px;
+
+caption {
+font-weight:bold;
+}
+.opened { display: block !important;}
+.closed { display: none !important;}
+
+legend {
+font-weight:bold; 
+font-size:1.3em;
+text-transform:uppercase;
+}
+form {
 }
-legend { font-weight:bold; }
 input, textarea, select, option {
 padding:4px;
 font-family:sans-serif;
 font-size:1em;
--moz-border:radius:4px;
-}
-select, option {
-padding-bottom:0;
-}
-fieldset {
-padding:11px;
 }
-input:focus, textarea:focus, select:focus {
+input, textarea, select {
 border-width:2px;
 border-style: solid;
--moz-border:radius:4px;
+border-radius:4px;
+-moz-border-radius:4px;
+-webkit-border-radius:4px;
 }
-caption {
+input.submit {
 font-weight:bold;
 }
-.opened { display: block !important;}
-.closed { display: none !important;}
-span.required { font-weight:bold; }
+textarea {
+overflow:auto;
+}
+select {
+}
+option {
+padding-bottom:0;
+}
+fieldset {
+padding:0;
+border:0;
+}
 form ul li {
 list-style-type:none;
 margin:0 0 18px 0;
@@ -65,28 +81,26 @@ font-weight:bold;
 }
 form ul li input {
 }
-form .error {
-margin-right:11px;
-}
-form label.submit {
-display:none;
-}
-form .error_message {
-display:block;
-}
-.form_response {
-margin-bottom:18px;
-}
-.form_response dt {
-}
-.form_response dd {
+
+input.checkbox {
+position:relative;
+top:2px;
+left:0;
+border:0;
 }
 
-form input.remove,
-form input.submit {
+#page_notice .error,
+#page_notice .success {
+padding:4px 7px;
+border-radius:4px;
 -moz-border-radius:4px;
+-webkit-border-radius:4px;
+}
+form label.submit {
+display:none;
 }
-form input.submit {
+.form_settings input.remove {
+margin-left:11px;
 }
 
 
@@ -94,21 +108,35 @@ form input.submit {
 
 /* FORM SETTINGS */
 .form_settings fieldset {
-padding:0;
-border:0;
-}
-.form_settings legend {
-display:none;
-}
-.form_settings .form_datas label {
-display:block;
+margin-bottom:29px;
 }
 
 .form_guide {
 font-style:italic;
 }
 
-.form_settings .form_actions label {
+
+.form_settings .form_data li {
+width:100%;
+float:left;
+}
+
+.form_settings .form_data label {
+float:left;
+}
+.form_settings .form_data textarea,
+.form_settings .form_data select,
+.form_settings .form_data input {
+margin-left:11px;
+float:left;
+}
+
+.form_settings label {
+margin-top:2px;
+width:152px;
+}
+
+.form_actions label {
 display:none;
 }
 
@@ -117,8 +145,48 @@ display:inline;
 font-weight:bold;
 }
 
+#form_settings_profile legend,
+#form_login legend,
+#form_register legend {
+display:none;
+}
+
+.form_settings .form_data p.form_guide {
+clear:both;
+margin-left:163px;
+margin-bottom:0;
+}
+
+.form_settings p {
+margin-bottom:11px;
+}
+
+.form_settings input.checkbox {
+margin-top:3px;
+margin-left:0;
+}
+.form_settings label.checkbox {
+font-weight:normal;
+margin-top:0;
+margin-right:0;
+margin-left:11px;
+float:left;
+width:90%;
+}
+
+#form_login p.form_guide,
+#form_register #settings_rememberme p.form_guide {
+margin-left:0;
+}
 
 
+.form_settings .form_note {
+border-radius:4px;
+-moz-border-radius:4px;
+-webkit-border-radius:4px;
+padding:0 7px;
+}
+
 /* FORM SETTINGS */
 
 
@@ -129,11 +197,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 {
@@ -146,6 +215,8 @@ margin-bottom:29px;
 
 #site_nav_global_primary {
 float:right;
+margin-right:18px;
+margin-bottom:11px;
 }
 #site_nav_global_primary ul li {
 display:inline;
@@ -176,8 +247,8 @@ margin-bottom:18px;
 
 #footer {
 float:left;
-width:100%;
-padding-bottom:11px;
+width:64%;
+padding:18px;
 }
 
 
@@ -200,9 +271,13 @@ text-decoration:none;
 padding:4px 11px;
 -moz-border-radius-topleft:4px;
 -moz-border-radius-topright:4px;
+-webkit-border-top-left-radius:4px;
+-webkit-border-top-right-radius:4px;
 border-width:1px;
-border-style:dashed;
+border-style:solid;
 border-bottom:0;
+text-shadow: 4px 4px 4px #ddd;
+font-weight:bold;
 }
 #site_nav_local_views .nav {
 float:left;
@@ -254,6 +329,9 @@ margin-left:0;
 
 
 
+#licenses {
+font-size:0.9em;
+}
 
 #licenses dt {
 font-weight:bold;
@@ -261,17 +339,16 @@ display:none;
 }
 #licenses dd {
 margin-bottom:11px;
+line-height:1.5;
 }
 
-
-#site_content_license_cc p {
-float:left;
-margin-left:10%;
-width:90%;
+#site_content_license_cc {
+margin-bottom:0;
 }
 #site_content_license_cc img {
-float:left;
-margin-left:-100%;
+display:inline;
+vertical-align:top;
+margin-right:4px;
 }
 
 
@@ -294,12 +371,17 @@ margin-bottom:1em;
 width:644px;
 padding:18px;
 float:left;
+border-radius:7px;
 -moz-border-radius:7px;
 -moz-border-radius-topleft:0;
+-webkit-border-radius:7px;
+-webkit-border-top-left-radius:0;
 }
 
 #content_inner {
 position:relative;
+width:100%;
+float;left;
 }
 
 #aside_primary {
@@ -307,7 +389,9 @@ width:300px;
 float:left;
 margin-left:2px;
 padding:18px 4px 18px 18px;
+border-radius:7px;
 -moz-border-radius:7px;
+-webkit-border-radius:7px;
 }
 
 
@@ -318,7 +402,6 @@ padding:18px 4px 18px 18px;
 width:384px;
 width:458px;
 float:left;
-margin-left:68px;
 position:relative;
 line-height:1;
 }
@@ -330,20 +413,21 @@ padding:0;
 display:none;
 }
 #form_notice textarea {
--moz-border-radius:4px;
-width:304px;
+border-radius:7px;
+-moz-border-radius:7px;
+-webkit-border-radius:7px;
 width:377px;
-height:95px;
+width:370px;
 height:86px;
 line-height:1.5;
-padding:7px 7px 14px 7px;
+padding:7px 7px 16px 7px;
 }
 #form_notice label {
 display:block;
 font-size:1.3em;
 margin-bottom:7px;
 }
-#form_notice .form_datas li {
+#form_notice .form_data li {
 float:left;
 }
 
@@ -359,8 +443,7 @@ margin-left:4px;
 
 #form_notice .form_note {
 position:absolute;
-top:125px;
-top:116px;
+top:120px;
 right:98px;
 z-index:9;
 }
@@ -388,10 +471,14 @@ text-indent:-9999px;
 }
 #form_notice .form_actions {
 position:absolute;
-top:107px;
-top:98px;
+bottom:0;
 right:0;
 }
+#form_notice .form_actions input.submit {
+width:60px;
+padding:8px;
+}
+
 #form_notice li {
 margin-bottom:0;
 }
@@ -404,7 +491,7 @@ margin-bottom:0;
 /* user_profile */
 #user_profile {
 position:relative;
-width:633px;
+width:475px;
 min-height:123px;
 float:left;
 margin-bottom:17px;
@@ -429,7 +516,7 @@ width:96px;
 #user_profile .user_tags {
 float:left;
 clear:left;
-margin-left:125px;
+margin-left:113px;
 width:322px;
 margin-bottom:4px;
 }
@@ -439,21 +526,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 {
@@ -462,8 +554,13 @@ display:none;
 #user_profile h2 {
 display:none;
 }
+
 /* user_profile */
 
+
+
+
+
 /*user_actions*/
 #user_actions {
 clear:left;
@@ -479,8 +576,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;
@@ -493,34 +589,29 @@ 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;
-width:100%;
-font-size:0.9em;
-}
 
-#user_subscribe a {
-width:auto;
+
+
+.form_user_block input.submit,
+.form_user_unblock input.submit {
+border:0;
 padding-left:20px;
 }
 
-#user_subscribe a,
-#TB_window input.submit,
+
+
+#user_subscribe input.submit,
 .form_user_subscribe input.submit {
-font-weight:bold;
+
 }
 
 
@@ -592,10 +683,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;
@@ -611,13 +732,20 @@ 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 {
 float:left;
 width:644px;
+border-radius:7px;
 -moz-border-radius:7px;
+-webkit-border-radius:7px;
 }
 #notices_primary h2 {
 display:none;
@@ -629,48 +757,40 @@ padding-left:28px;
 
 
 .notice .author {
-float:left;
-width:96px;
-width:199px;
-margin-left:-217px;
-margin-left:-199px;
+margin-right:11px;
 }
 .notice .author a {
 }
 .notice .author:after {
-content:":";
+/*content:":";*/
 }
 
 .vcard .photo {
 display:inline;
 margin-right:11px;
-margin-right:4px;
-vertical-align:top;
+margin-bottom:11px;
+float:left;
 }
 .vcard .url {
 text-decoration:none;
 }
+.vcard .url:hover {
+text-decoration:underline;
+}
 .vcard .fn {
-border-bottom-width:1px;
-border-bottom-style:dotted;
 font-style:italic;
 }
 .vcard .fn:hover {
-border-bottom-width:1px;
-border-bottom-style:solid;
+
 }
 
 
 .notice .entry-title {
 float:left;
-margin-bottom:11px;
-margin-left:217px;
-margin-left:199px;
+width:100%;
 }
 .notice p.entry-content {
-float:left;
-width:427px;
-width:100%;
+display:inline;
 }
 
 .notice_video p.entry-content,
@@ -679,42 +799,38 @@ width:100%;
 .notice_location p.entry-content,
 .notice_event p.entry-content,
 .notice_document p.entry-content {
-width:322px;
-width:75.41%;
 }
 #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;
 float:left;
-margin-left:11px;
-margin-left:0;
-margin-bottom:4px;
-width:199px;
-width:149px;
+width:48%;
+font-size:0.95em;
 }
-.notice div.entry-content,
+.notice div.entry-content a,
 .notice .notice-options a,
 .notice .notice-options input {
-font-size:0.9em;
-}
 
+}
+.notice .notice-options a,
+.notice .notice-options input {
+float:left;
+font-size:1.025em;
+}
 
 #laconicat .notice div.entry-content {
 /*margin-left:0;*/
@@ -729,20 +845,16 @@ display:inline;
 .notice div.entry-content .response dt {
 display:none;
 }
-.notice div.entry-content .timestamp {
-
+.notice div.entry-content .timestamp a {
+display:inline-block;
 }
 .notice div.entry-content .device dt {
 text-transform:lowercase;
 }
 .notice div.entry-content a {
-text-decoration:none;
-border-bottom-width:1px;
-border-bottom-style:dotted;
+
 }
 .notice div.entry-content a:hover {
-border-bottom-width:1px;
-border-bottom-style:solid;
 }
 
 
@@ -763,62 +875,77 @@ display:block;
 outline:none;
 }
 
-
-
 .notice-options {
-margin-left:18px;
-margin-left:260px;
-margin-left:304px;
-margin-left:18px;
-margin-left:50px;
+padding-left:2%;
 float:left;
+width:50%;
+position:relative;
+font-size:0.95em;
 }
-.notice-options .reply,
-.notice-options .notice_delete ,
-.notice-options .notice_favorite {
+
+.notice-options a {
 float:left;
-margin-right:11px;
 }
-.notice-options .reply dt {
+.notice-options .notice_delete,
+.notice-options .notice_reply,
+.notice-options .form_favor,
+.notice-options .form_disfavor {
+position:absolute;
+top:0;
+}
+.notice-options .form_favor,
+.notice-options .form_disfavor {
+left:0;
+}
+.notice-options .notice_reply {
+left:29px;
+}
+.notice-options .notice_delete {
+left:76px;
+}
+.notice-options .notice_reply dt {
 display:none;
 }
-.notice-options .reply a,
+
+.notice-options input,
+.notice-options a {
+text-indent:-9999px;
+outline:none;
+}
+
+.notice-options .notice_reply a,
 .notice-options form input.submit {
 display:block;
 border:0;
-border-bottom-width:1px;
-border-bottom-style:dotted;
-padding-left:20px;
-
 }
-.notice-options .reply a {
+.notice-options .notice_reply a,
+.notice-options .notice_delete a {
 text-decoration:none;
+padding-left:16px;
+}
+
+.notice-options .notice_delete {
+
 }
+
 .notice-options form input.submit {
 cursor:pointer;
 width:16px;
-width:auto;
-height:16px;
-height:auto;
-padding-top:0;
-padding-right:0;
-padding-bottom:0;
+padding:2px 0;
 }
 
-.notice-options .notice_delete legend,
-.notice-options .notice_favorite legend {
+.notice-options .notice_delete dt,
+.notice-options .form_favor legend,
+.notice-options .form_disfavor legend {
 display:none;
 }
 .notice-options .notice_delete fieldset,
-.notice-options .notice_favorite fieldset {
+.notice-options .form_favor fieldset,
+.notice-options .form_disfavor fieldset {
 border:0;
 padding:0;
 }
 
-
-.notice-options form.notice_delete {
-margin-left:2em;
-}
 /*END: NOTICES */
 
 
@@ -853,12 +980,14 @@ border-bottom:0;
 }
 
 .pagination .nav_prev a {
--moz-border-radius-topright:4px;
+-moz-border-radius-topright:7px;
+-webkit-border-top-right-radius:7px;
 padding-left:20px;
 border-left:0;
 }
 .pagination .nav_next a {
--moz-border-radius-topleft:4px;
+-moz-border-radius-topleft:7px;
+-webkit-border-top-left-radius:7px;
 padding-right:20px;
 border-right:0;
 }
@@ -868,8 +997,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*/
@@ -890,12 +1031,12 @@ background-color:#D1D9E4;
 
 
 #user_actions #user_subscribe .form_note,
-#user_actions #user_subscribe .form_datas,
+#user_actions #user_subscribe .form_data,
 #user_actions #user_subscribe .form_actions label {
 display:none;
 }
 #form_user-relationship .form_note,
-#form_user-relationship .form_datas,
+#form_user-relationship .form_data,
 #form_user-relationship .form_actions label {
 display:block;
 }
@@ -903,7 +1044,7 @@ display:block;
 #user_actions #user-relationship_submit {
 margin-bottom:0;
 }
-#form_user-relationship .form_datas li label {
+#form_user-relationship .form_data li label {
 margin-right:11px;
 }
 
@@ -981,7 +1122,7 @@ font-size:2.2em;
 
 
 
-#form_settings_photo .form_datas {
+#form_settings_photo .form_data {
 clear:both;
 }
 
@@ -1073,7 +1214,9 @@ height:109px;
 border-width:1px;
 border-style:dotted;
 text-decoration:none;
+border-radius:7px;
 -moz-border-radius:7px;
+-webkit-border-radius:7px;
 padding:7px;
 font-size:1.6em;
 font-weight:bold;