]> git.mxchange.org Git - quix0rs-gnu-social.git/blobdiff - theme/base/css/display.css
Merge branch 'master' of evan@dev.controlyourself.ca:/var/www/trunk
[quix0rs-gnu-social.git] / theme / base / css / display.css
index e9799160c53a15c25a1909e1ef064505c4a6ed6c..5cafd8c1fe39b87c6a640c15057a59bf13079fb2 100644 (file)
@@ -17,8 +17,8 @@ width:1004px;
 width:71.714em;
 }
 h1,h2,h3,h4,h5,h6 {
-       text-transform:uppercase;
-       margin-bottom:7px;
+text-transform:uppercase;
+margin-bottom:7px;
 }
 h1 {
 font-size:1.4em;
@@ -34,16 +34,12 @@ h6 { font-size:0.9em; }
 caption {
 font-weight:bold;
 }
-.opened { display: block !important;}
-.closed { display: none !important;}
 
 legend {
-font-weight:bold; 
+font-weight:bold;
 font-size:1.3em;
 text-transform:uppercase;
 }
-form {
-}
 input, textarea, select, option {
 padding:4px;
 font-family:sans-serif;
@@ -56,13 +52,16 @@ border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 }
+
 input.submit {
 font-weight:bold;
 }
 textarea {
 overflow:auto;
 }
-select, option {
+select {
+}
+option {
 padding-bottom:0;
 }
 fieldset {
@@ -77,9 +76,6 @@ form label {
 font-weight:bold;
 /*margin:0 0 11px 0;*/
 }
-form ul li input {
-}
-
 input.checkbox {
 position:relative;
 top:2px;
@@ -97,23 +93,22 @@ border-radius:4px;
 form label.submit {
 display:none;
 }
-.form_settings input.remove {
-margin-left:11px;
-}
-
-
 
+.form_settings {
+clear:both;
+}
 
-/* FORM SETTINGS */
 .form_settings fieldset {
 margin-bottom:29px;
 }
+.form_settings input.remove {
+margin-left:11px;
+}
 
 .form_guide {
 font-style:italic;
 }
 
-
 .form_settings .form_data li {
 width:100%;
 float:left;
@@ -145,7 +140,12 @@ font-weight:bold;
 
 #form_settings_profile legend,
 #form_login legend,
-#form_register legend {
+#form_register legend,
+#form_password legend,
+#form_settings_avatar legend,
+#newgroup legend,
+#editgroup legend,
+#form_tag_user legend {
 display:none;
 }
 
@@ -177,7 +177,6 @@ width:90%;
 margin-left:0;
 }
 
-
 .form_settings .form_note {
 border-radius:4px;
 -moz-border-radius:4px;
@@ -185,9 +184,6 @@ border-radius:4px;
 padding:0 7px;
 }
 
-/* FORM SETTINGS */
-
-
 
 
 address {
@@ -195,12 +191,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 {
 width:100%;
@@ -220,7 +216,6 @@ display:inline;
 margin-left:11px;
 }
 
-
 .system_notice dt {
 font-weight:bold;
 text-transform:uppercase;
@@ -239,17 +234,12 @@ clear:both;
 margin-bottom:18px;
 }
 
-
-
-
 #footer {
 float:left;
 width:64%;
 padding:18px;
 }
 
-
-
 #site_nav_local_views {
 width:100%;
 float:left;
@@ -281,7 +271,6 @@ float:left;
 width:100%;
 }
 
-
 #site_nav_global_primary dt,
 #site_nav_global_secondary dt {
 display:none;
@@ -310,8 +299,6 @@ padding-left:30px;
 padding-left:28px;
 }
 
-
-
 #export_data ul {
 display:inline;
 }
@@ -324,8 +311,6 @@ margin-left:11px;
 margin-left:0;
 }
 
-
-
 #licenses {
 font-size:0.9em;
 }
@@ -348,7 +333,6 @@ vertical-align:top;
 margin-right:4px;
 }
 
-
 #wrap {
        float:left;
        margin:0 auto;
@@ -356,7 +340,6 @@ margin-right:4px;
     width:71.714em;
 }
 
-
 #core {
 position:relative;
 width:100%;
@@ -366,6 +349,7 @@ margin-bottom:1em;
 
 #content {
 width:644px;
+width:46em;
 padding:18px;
 float:left;
 border-radius:7px;
@@ -383,6 +367,7 @@ float;left;
 
 #aside_primary {
 width:300px;
+width:21.429em;
 float:left;
 margin-left:2px;
 padding:18px 4px 18px 18px;
@@ -391,15 +376,11 @@ border-radius:7px;
 -webkit-border-radius:7px;
 }
 
-
-
-
 /*Start: FORM NOTICE*/
 #form_notice {
 width:384px;
 width:458px;
 float:left;
-margin-left:68px;
 position:relative;
 line-height:1;
 }
@@ -416,7 +397,7 @@ border-radius:7px;
 -webkit-border-radius:7px;
 width:377px;
 width:370px;
-height:86px;
+height:67px;
 line-height:1.5;
 padding:7px 7px 16px 7px;
 }
@@ -441,7 +422,7 @@ margin-left:4px;
 
 #form_notice .form_note {
 position:absolute;
-top:120px;
+top:99px;
 right:98px;
 z-index:9;
 }
@@ -453,10 +434,11 @@ display:none;
 #notice_text-count {
 font-weight:bold;
 line-height:1.15;
+padding:1px 2px;
 }
 
 #form_notice #notice_data-attach_view {
-/*position:absolute;*/
+position:absolute;
 top:25px;
 right:30px;
 margin-left:4px;
@@ -480,216 +462,265 @@ padding:8px;
 #form_notice li {
 margin-bottom:0;
 }
-/*end FORM NOTICE*/
-
 
+#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*/
 
-/* user_profile */
-#user_profile {
+/* entity_profile */
+.entity_profile {
 position:relative;
-width:633px;
+width:475px;
 min-height:123px;
 float:left;
 margin-bottom:17px;
 margin-left:0;
 }
-#user_profile dt,
-#user_statistics dt {
+.entity_profile dt,
+#entity_statistics dt {
 font-weight:bold;
 }
-#user_profile .user_depiction {
+.entity_profile .entity_depiction {
 float:left;
 position:absolute;
 top:0;
 left:0;
 width:96px;
 }
-#user_profile .user_fn,
-#user_profile .user_nickname,
-#user_profile .user_location,
-#user_profile .user_url,
-#user_profile .user_note,
-#user_profile .user_tags {
+.entity_profile .entity_fn,
+.entity_profile .entity_nickname,
+.entity_profile .entity_location,
+.entity_profile .entity_url,
+.entity_profile .entity_note,
+.entity_profile .entity_tags {
 float:left;
 clear:left;
-margin-left:125px;
+margin-left:113px;
 width:322px;
 margin-bottom:4px;
 }
 
-#user_profile .user_fn,
-#user_profile .user_nickname {
+.entity_profile .entity_fn,
+.entity_profile .entity_nickname {
 width:auto;
 clear:none;
 }
-#user_profile .user_nickname {
+
+.entity_profile .entity_fn {
 margin-left:11px;
+margin-right:4px;
 }
-#user_profile .user_nickname .nickname {
+.entity_profile .entity_fn .fn {
+font-weight:bold;
+font-style:normal;
+}
+.entity_profile .nickname {
 font-style:italic;
 font-weight:bold;
-margin-left:4px;
-margin-right:4px;
 }
 
-#user_profile .user_nickname dd:before {
+.entity_profile .entity_fn dd:before {
 content: "(";
+font-weight:normal;
 }
-#user_profile .user_nickname dd:after {
+.entity_profile .entity_fn dd:after {
 content: ")";
+font-weight:normal;
 }
 
-#user_profile dt {
+.entity_profile dt {
 display:none;
 }
-#user_profile h2 {
+.entity_profile h2 {
 display:none;
 }
-/* user_profile */
 
-/*user_actions*/
-#user_actions {
-clear:left;
-float:left;
-position:absolute;
-top:0;
-right:0;
+/* entity_profile */
+
+/*entity_actions*/
+.entity_actions {
+float:right;
+
 }
-#user_actions h2 {
+.entity_actions h2 {
 display:none;
 }
-#user_actions ul {
+.entity_actions ul {
 list-style-type:none;
 }
-#user_actions li {
-border-top-width:1px;
-border-top-style:dotted;
+.entity_actions li {
+margin-bottom:4px;
 }
-#user_actions li:first-child {
+.entity_actions li:first-child {
 border-top:0;
 }
-#user_actions fieldset {
+.entity_actions fieldset {
 border:0;
 padding:0;
 }
-#user_actions legend {
+.entity_actions legend {
 display:none;
 }
 
-#user_actions a,
-#user_actions input.submit {
+.entity_actions input.submit {
 display:block;
 text-align:left;
-padding:4px 0 4px 19px;
-}
-#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;
-padding-left:20px;
-}
-
-#user_subscribe a,
-#TB_window input.submit,
-.form_user_subscribe input.submit {
+.entity_actions a,
+#entity_nudge p {
+text-decoration:none;
 font-weight:bold;
+display:block;
 }
 
-
-
-#user_send-a-message form {
-clear:left;
-width:322px;
-margin-top:18px;
+.form_user_block input.submit,
+.form_user_unblock input.submit,
+#entity_send-a-message a,
+.form_user_nudge input.submit,
+#entity_nudge p {
+border:0;
+padding-left:20px;
 }
 
-#user_send-a-message textarea {
-width:96%;
+#entity_send-a-message a,
+#entity_nudge p {
+padding:4px 4px 4px 23px;
 }
 
-.user_tags ul {
+.entity_tags ul {
 list-style-type:none;
 }
-.user_tags li {
+.entity_tags li {
 display:inline;
 margin-right:1em;
 float:left;
 }
 
-
-
 .aside .section {
 margin-bottom:29px;
 clear:both;
+float:left;
+width:100%;
 }
 .aside .section h2 {
 text-transform:uppercase;
 font-size:1em;
 }
 
-#user_statistics dt,
-#user_statistics dd {
+#entity_statistics dt,
+#entity_statistics dd {
 display:inline;
 }
-#user_statistics dt:after {
+#entity_statistics dt:after {
 content: ":";
 }
 
-
 #user_subscriptions,
-#user_subscriptions-common {
-float:left;
+#user_subscribers,
+#user_groups, {
+
 }
-#user_subscriptions ul.users {
+.section ul.entities {
 width:220px;
 float:left;
 }
-#user_subscriptions .users li {
+.section .entities li {
 list-style-type:none;
 float:left;
 margin-right:7px;
 margin-bottom:7px;
 }
-#user_subscriptions .users li .photo {
-width:24px;
-height:24px;
+.section .entities li .photo {
 margin-right:0;
+margin-bottom:0;
 }
-#user_subscriptions .users li .fn {
+.section .entities li .fn {
 display:none;
 }
 .aside .section .more {
 clear:both;
 }
 
+.profile .entity_profile {
+margin-bottom:0;
+min-height:60px;
+}
+
+
+.profile .form_group_join,
+.profile .form_group_leave,
+.profile .form_user_subscribe,
+.profile .form_user_unsubscribe {
+float:right;
+}
+.profile .form_group_join legend,
+.profile .form_group_leave legend,
+.profile .form_user_subscribe legend,
+.profile .form_user_unsubscribe legend {
+display:none;
+}
+
+.profiles {
+list-style-type:none;
+}
+.profile .entity_profile .entity_location {
+width:auto;
+clear:none;
+margin-left:11px;
+}
+.profile .entity_profile dl,
+.profile .entity_profile dd {
+display:inline;
+float:none;
+}
+.profile .entity_profile .entity_note,
+.profile .entity_profile .entity_url,
+.profile .entity_profile .entity_tags,
+.profile .entity_profile .form_subcription_edit {
+margin-left:59px;
+clear:none;
+display:block;
+width:auto;
+}
+.profile .entity_profile .entity_tags dt {
+display:inline;
+margin-right:11px;
+}
+
+
+.profile .entity_profile .form_subcription_edit label {
+font-weight:normal;
+margin-right:11px;
+}
+
 
 
 
 
 /* NOTICE */
-.notice {
+.notice,
+.profile {
 position:relative;
-padding-top:18px;
-padding-bottom:18px;
+padding-top:11px;
+padding-bottom:11px;
 clear:both;
 float:left;
-width:644px;
-width:96.699%;
 width:100%;
-border-top:1px dashed #D1D9E4;
+border-top-width:1px;
+border-top-style:dashed;
 /*-moz-border-radius:7px;*/
 }
 .notices li {
@@ -702,11 +733,11 @@ border-radius:4px;
 -webkit-border-radius:4px;
 }
 
-
 /* NOTICES */
 #notices_primary {
 float:left;
 width:644px;
+width:46em;
 border-radius:7px;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
@@ -719,7 +750,6 @@ display:block;
 padding-left:28px;
 }
 
-
 .notice .author {
 margin-right:11px;
 }
@@ -729,10 +759,18 @@ margin-right:11px;
 /*content:":";*/
 }
 
+.notice .author .fn {
+font-weight:bold;
+}
+
+.notice .author .photo {
+margin-bottom:0;
+}
+
 .vcard .photo {
 display:inline;
-margin-right:7px;
-margin-bottom:7px;
+margin-right:11px;
+margin-bottom:11px;
 float:left;
 }
 .vcard .url {
@@ -748,7 +786,6 @@ font-style:italic;
 
 }
 
-
 .notice .entry-title {
 float:left;
 width:100%;
@@ -767,7 +804,7 @@ display:inline;
 #laconicat .notice p.entry-content {
 /*margin-left:199px;*/
 }
-.notice p.entry-content a:visited {
+#content .notice p.entry-content a:visited {
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
@@ -779,32 +816,28 @@ border-radius:4px;
 }
 
 .notice div.entry-content {
-/*border:1px solid blue;*/
 clear:left;
 float:left;
-width:48%;
 font-size:0.95em;
+margin-left:59px;
+width:70%;
 }
-.notice div.entry-content a,
-.notice .notice-options a,
-.notice .notice-options input {
-
+#showstream .notice div.entry-content {
+margin-left:0;
 }
+
 .notice .notice-options a,
 .notice .notice-options input {
 float:left;
 font-size:1.025em;
 }
 
-#laconicat .notice div.entry-content {
-/*margin-left:0;*/
-}
-
 .notice div.entry-content dl,
 .notice div.entry-content dt,
 .notice div.entry-content dd {
 display:inline;
 }
+
 .notice div.entry-content .timestamp dt,
 .notice div.entry-content .response dt {
 display:none;
@@ -815,11 +848,6 @@ display:inline-block;
 .notice div.entry-content .device dt {
 text-transform:lowercase;
 }
-.notice div.entry-content a {
-
-}
-.notice div.entry-content a:hover {
-}
 
 
 
@@ -845,6 +873,8 @@ float:left;
 width:50%;
 position:relative;
 font-size:0.95em;
+width:12.5%;
+float:right;
 }
 
 .notice-options a {
@@ -878,7 +908,7 @@ outline:none;
 }
 
 .notice-options .notice_reply a,
-.notice-options form input.submit {
+.notice-options input.submit {
 display:block;
 border:0;
 }
@@ -912,10 +942,6 @@ padding:0;
 
 /*END: NOTICES */
 
-
-
-
-
 .pagination dt {
 font-weight:bold;
 display:none;
@@ -956,14 +982,22 @@ padding-right:20px;
 border-right:0;
 }
 
-
 /* END: NOTICE */
 
-
-
-
-
-
+/*If there is hentry on #content_inner, then this doesn't need to be specific to #doc or any other section */
+.hentry .entry-content p {
+margin-bottom:18px;
+}
+.hentry entry-content ol,
+.hentry .entry-content ul {
+list-style-position:inside;
+}
+.hentry .entry-content li {
+margin-bottom:18px;
+}
+.hentry .entry-content li li {
+margin-left:18px;
+}
 
 /*START: LOAD ALONG WITH JS*/
 .notice .in-reply-to {
@@ -980,11 +1014,9 @@ background-color:#E4E9F0;
 background-color:#D1D9E4;
 }
 
-
-
-#user_actions #user_subscribe .form_note,
-#user_actions #user_subscribe .form_data,
-#user_actions #user_subscribe .form_actions label {
+.entity_actions #user_subscribe .form_note,
+.entity_actions #user_subscribe .form_data,
+.entity_actions #user_subscribe .form_actions label {
 display:none;
 }
 #form_user-relationship .form_note,
@@ -993,7 +1025,7 @@ display:none;
 display:block;
 }
 
-#user_actions #user-relationship_submit {
+.entity_actions #user-relationship_submit {
 margin-bottom:0;
 }
 #form_user-relationship .form_data li label {
@@ -1013,126 +1045,153 @@ background-color:#fff;
 
 /*END: LOAD ALONG WITH JS*/
 
-
-
 /* TOP_POSTERS */
-#top-posters caption {
+#top_posters caption {
 text-align:left;
 text-transform:uppercase;
 }
-
-#top-posters thead {
+#top_posters thead {
 display:none;
 }
-#top-poster_user {
+#top_poster_user {
 width:199px;
 }
-#top-poster_number-of-notices {
+#top_poster_number-of-notices {
 width:123px;
 }
-#top-posters tbody td {
+
+.section tbody td {
 padding-right:11px;
-padding-bottom:4px;
+padding-bottom:11px;
 }
-#top-posters img {
+.section .vcard .photo {
 margin-right:7px;
-height:24px;
-width:24px;
+margin-bottom:0;
 }
 
+.section .notice {
+padding-top:11px;
+padding-bottom:11px;
+
+}
+
+.section .notice:first-child {
+padding-top:0;
+border-top:0;
+}
+
+
+
 
 
 /* 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;
 }
-#tagcloud .weight_4 {
-font-size:1.9em;
+.tag-cloud-4 {
+font-size:2.5em;
 }
-#tagcloud .weight_5 {
-font-size:2.2em;
+.tag-cloud-5 {
+font-size:3em;
+}
+.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;
+}
 
-
-.section .groups,
+#groups_related ul,
 #users_featured ul {
 list-style-type:none;
 }
-.section .groups li,
+#groups_related li,
 #users_featured li {
 margin-top:11px;
 float:left;
 width:100%;
 }
-.section .groups li:first-child,
+#groups_related li:first-child,
 #users_featured li:first-child {
 margin-top:0;
 }
 
-.section .groups .vcard,
+#groups_related .vcard,
 #users_featured .vcard {
 float:left;
 margin-bottom:-23px;
 }
 
-.section .groups dl,
+#groups_related dl,
 #users_featured dl {
 float:left;
 margin-left:63px;
 clear:left;
 }
-.section .groups dt,
+#groups_related dt,
 #users_featured dt {
 display:none;
 font-weight:bold;
 }
 
-
-
 #home.logged_out h1 {
 display:none;
 }
@@ -1175,7 +1234,6 @@ font-weight:bold;
 text-align:center;
 }
 
-
 #testimonials {
 clear:both;
 }