margin-bottom: 15px;
}
-h1 {font-size: 2.2em;}
-h2 {font-size: 1.8em;}
-h3 {font-size: 1.6em;}
-h4 {font-size: 1.4em;}
-h5 {font-size: 1.2em;}
+h1 {font-size: 2.0em;}
+h2 {font-size: 1.6em;}
+h3 {font-size: 1.4em;}
+h4 {font-size: 1.2em;}
+h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
p {
right: 239px;
background-color: #fff;
border-right: 1px solid #ccc;
-}
+}
+
+#content_inner {
+ clear: both;
+ display: block;
+ position: relative;
+}
#site_nav_local_views_wrapper {
width: 100%;
max-width: 158px;
}
-address img + .fn {
+address img + .p-name {
display: none;
}
}
#site_notice {
- float: right;
- width: 300px;
margin: 26px 0px 4px 0px;
padding: 10px;
background-color: #f2f2f2;
/* input forms */
.input_forms {
- float: left;
position: relative;
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
+ width: 100%;
+}
+
+.input_forms > label {
+ float: left;
+ margin-right: 1em;
+ opacity: 0.6;
}
#input_form_nav {
float: left;
- width: 100%;
margin-bottom: 10px;
list-style-type: none;
}
display: block;
}
-#input_form_status, #input_form_direct {
- padding-bottom: 50px;
-}
-
.form_notice {
margin-bottom: 10px;
}
.form_notice input.submit {
position: absolute;
- top: 100%;
- left: 0px;
- margin-top: -49px;
+ right: 0px;
+ margin-top: -1.5em;
float: left;
width: 100px;
padding: 0px;
z-index: 1;
}
+.form_settings {
+ clear: both;
+}
+
/* site nav local views */
width:100%;
}
-.notice .author {
+.notice .p-author {
margin-right: 8px;
}
-.notice .addressees:before {
+.notice .addressees::before {
content: '\25B8';
}
-
-.fn {
- overflow: hidden;
+.notice .addressees, .notice .addressees li {
+ display: inline;
+}
+.notice .addressees > li::before {
+ content: ',';
+}
+.notice .addressees > li:first-child::before {
+ content: '';
}
-.notice .author .fn {
- font-weight: bold;
+.notice .addressees .group {
+ font-style: italic;
}
-#core .vcard .photo {
- display: inline;
- margin-right: 11px;
- float: left;
+.p-name {
+ overflow: hidden;
}
-#content .notice .author .photo {
- position: absolute;
- top: 7px;
- left: 0px;
- float: none;
+.notice .p-author {
+ font-weight: bold;
}
-#content .notice .entry-title {
- margin: 2px 7px 0px 59px;
- min-height: 35px;
+#core .h-card .u-photo {
+ float: left;
+ margin-right: 8px;
}
-.vcard .url {
+.h-card .u-url, .h-card.u-url {
text-decoration:none;
}
-.vcard .url:hover {
+.h-card .u-url:hover, .h-card.u-url:hover {
text-decoration:underline;
}
-.notice .entry-title {
- overflow:hidden;
- word-wrap:break-word;
-}
-
-.notice .entry-title.ov {
-overflow:visible;
-}
-
.notice .automatic {
font-style:italic;
}
display:none;
}
-#showstream .notice .entry-title, #showstream .notice div.entry-content {
- margin-left: 0;
-}
-
+#remoteprofile .notice .h-entry,
+#showstream .notice .h-entry,
+#remoteprofile .notice .entry-title,
#showstream .notice .entry-title {
min-height: 1px;
}
+#remoteprofile #content .notice .author,
#showstream #content .notice .author {
display: none;
}
+#remoteprofile .notice,
#showstream .notice {
min-height: 1em;
}
-#shownotice .notice .entry-title {
+#shownotice .notice .h-entry {
font-size:2.2em;
min-height:123px;
font-size: 1.6em;
line-height: 1.2em;
}
-#shownotice .notice div.entry-content {
- margin-left:0;
+.notice .e-content {
+ margin-left: 56px;
+ max-height: 400px;
+ overflow-y: auto;
}
-.notice p.entry-content {
- display:inline;
-}
-
-.notice div.entry-content {
- clear:left;
- float:left;
- margin-left:59px;
- margin-top: 10px;
+.notice .e-content img {
+ max-width: 100%;
}
-.entry-content .repeat {
- display: block;
-}
-
-.entry-content .repeat .photo {
-float:none;
-margin-right:1px;
-position:relative;
-top:4px;
-left:0;
+.notice-options {
+ margin-bottom: 7px;
+ margin-top: 12px;
}
.notice-options {
float: right;
- margin-top: 12px;
- margin-right: -6px;
- margin-bottom: 10px;
}
.notice-options fieldset {
position:static;
}
+.notice.h-entry .attachments {
+ clear: both;
+ position: relative;
+ top: 1em;
+}
+
+.notice.h-entry .attachments .inline-attachment * {
+ max-width: 100%;
+}
+.notice.h-entry .attachments .inline-attachment > a {
+ font-size: 0.8em;
+ line-height: 16px;
+ height: 16px;
+}
+.notice.h-entry .attachments .inline-attachment > img {
+ display: block;
+}
+
#attachments {
clear:both;
float:left;
clear:both;
}
-#jOverlayContent,
-#jOverlayContent #content,
-#jOverlayContent #content_inner { /* TODO can remove this now? */
-width: auto !important;
-margin-bottom:0;
-}
-#jOverlayContent #content {
-padding:11px;
-min-height:auto;
- border: 1px solid #fff;
-}
-#jOverlayContent .entry-title {
-display:block;
-margin-bottom:11px;
-}
-#jOverlayContent button {
- position:absolute;
- top: 5px;
- right: 20px;
-}
-#jOverlayContent h1 {
-max-width:425px;
-}
-#jOverlayLoading {
-top:5%;
-left:40%;
-}
-#attachment_view img {
+#attachment_view img, #attachment_view .attachment_player {
max-width:480px;
max-height:480px;
}
clear: both;
float: left;
width: 458px;
- margin-left: 59px;
- margin-top: 10px;
+ margin-left: 55px;
margin-bottom: 10px;
padding-right: 2px;
+ padding-top: 5px;
border-left: 3px solid #ECECF2;
background: #fafafa;
color: #222;
}
.threaded-replies:empty {
- margin-bottom: 0px;
-}
-
-.user_in .threaded-replies {
- margin-top: 0px;
+ display: none;
}
#content .notice .threaded-replies .notice,
#content .notice .threaded-replies .notice-data {
width: 440px;
- padding-bottom: 14px;
- padding-top: 5px;
+ padding-bottom: 1ex;
+ padding-top: 1ex;
border-bottom: 2px dotted #eee;
line-height: 1.36em;
margin-top: 0px;
background: none;
}
+#content .notice .threaded-replies .notice.h-entry,
#content .notice .threaded-replies .entry-title {
min-height: 1px;
}
-#content .threaded-replies .notice .author .photo {
+#content .threaded-replies .notice .p-author .u-photo {
height: 24px;
width: 24px;
top: 12px;
}
-#content .notice .threaded-replies .notice .entry-title {
- margin: 2px 7px 0px 35px;
+#content .threaded-replies .notice.h-entry .e-content {
+ margin-left: 32px;
}
-#content .notice .threaded-replies .notice div.entry-content {
- clear:left;
- float:left;
- margin-left: 35px;
- margin-top: 6px !important;
+.threaded-replies .notice-repeats,
+.threaded-replies .notice-faves {
+ clear: both;
+ font-size: 0.88em;
}
-
-#content .notice .threaded-replies .notice div.entry-content.notice-faves {
- margin-top: 2px !important;
+.threaded-replies .notice-faves:before {
+ content: "\2665";
+ margin-right: 1ex;
}
-
-#content .notice .threaded-replies .notice .notice-options {
- margin-top: 5px;
- margin-bottom: 0px;
+.threaded-replies .notice-repeats:before {
+ content: "\267B";
+ margin-right: 1ex;
}
.threaded-replies li {
right: 50px;
}
-.threaded-replies .form_notice #notice_action-submit {
- left: 10px;
- margin-top: -44px;
+.threaded-replies .form_notice input.submit {
+ bottom: 0;
}
.threaded-replies .form_notice .error,
display: none;
}
+.notice .permalink:after {
+ content: ']';
+}
-
-/* aside primary specific styles */
-
-.aside .section p,
-.aside .section .more {
-clear:both;
+.notice .permalink:before {
+ content: '[';
}
-.section .vcard .photo {
-margin-right:7px;
-margin-bottom:0;
+.notice footer .source + .permalink.external {
+ display: none;
}
-.section .notice {
-padding-top:7px;
-padding-bottom:7px;
-border-top:0;
+/* old school conversation style */
+
+#conversation .notices .notices {
+ float: left;
+ background-color:rgba(200, 200, 200, 0.050);
+ margin-left: 15px;
+ width: auto;
}
-.section .notice:first-child {
-padding-top:0;
+#conversation .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices {
+ background: none;
+ margin-left: 0px;
}
-.section .notice .author {
-margin-right:0;
+/* aside primary specific styles */
+
+.aside .section p,
+.aside .section .more {
+clear:both;
}
-.section .notice .author .fn {
-display:none;
+
+.notice-title {
+ display:none;
}
#aside_primary ol.notices {
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 {
margin-bottom: 8px;
display: inline;
}
-.section .entities li .photo {
+.section .entities li .u-photo {
margin: 0;
}
-.section .entities li .fn {
- display: none;
-}
.tag-cloud {
list-style-type:none;
margin-bottom:18px;
}
-.entry-content .success {
+.e-content .success {
padding: 6px;
}
clear:both;
}
-#bookmarklet address {
-display:none;
-}
-#bookmarklet .form_notice {
-width:auto;
-}
-#bookmarklet #wrap {
-min-width:0;
-}
-
button.close,
button.minimize {
width:16px;
display:none;
}
-.form_settings {
- clear:both;
-}
-
.form_settings fieldset {
margin-top: 10px;
- margin-bottom: 30px;
+ margin-bottom: 10px;
border: none;
}
.form_settings fieldset fieldset {
- margin-bottom: 40px;
+ margin-bottom: 20px;
padding: 10px;
- padding-top: 30px;
+ padding-top: 10px;
border-width:1px;
border-style:solid;
background:rgba(240, 240, 240, 0.2);
}
-.form_settings .form_data input {
-width:39%;
-}
.form_settings .form_data input.submit,
.form_settings .form_data input.checkbox,
.form_settings .form_data input.radio {
width:auto;
}
-.hentry .entry-content .form_settings ul {
+.h-entry .e-content .form_settings ul {
margin-left:0;
}
-.limited-scope .entry-content .timestamp:before {
+.notice > footer {
+ clear: left;
+ font-size: 0.8em;
+ margin-left: 56px;
+}
+
+.threaded-replies .notice > footer, .section .notice > footer {
+ margin-left:33px;
+}
+
+.notice > footer .timestamp span.p-name {
+ display: none;
+}
+
+.limited-scope .e-content .timestamp:before {
content:'☠';
font-size:150%;
}
-#content .notice-source-activity div.entry-title, .notice-source-activity div.entry-content {
+#content .notice-source-activity div.entry-title, .notice-source-activity div.e-content {
margin-left: 0;
}
margin-bottom:0;
}
-#settings_design_background-image img {
- max-width:480px;
- max-height:480px;
- clear: left;
- display: block;
- margin-bottom: 10px;
-}
-
-#settings_design_background-image .form_guide {
- float: left;
- margin-top: 10px;
-}
-
-#settings_design_color .form_data,
-#color-picker {
-float:left;
-}
-#settings_design_color .form_data {
-width:400px;
-margin-right:1%;
-}
-
-#settings_design_color .form_data li {
-width:33%;
-}
-#settings_design_color .form_data label {
-float:none;
-display:block;
-}
-#settings_design_color .form_data .swatch {
-padding:11px;
-margin-left:0;
-width:auto;
-}
-
.entity_profile {
position:relative;
width:73%;
top: -3px;
}
+ul.profile_list {
+ list-style-type:none;
+}
+
+ul.profile_list li {
+ margin-bottom: 20px;
+}
+
+.profile_list .h-card .u-photo {
+ margin-right: 4px;
+}
+.profile_list .h-card .p-nickname {
+ display: block;
+}
+
.entity_profile .entity_nickname,
.entity_profile .entity_fn {
margin-left:0;
}
-.entity_profile .nickname {
+.entity_profile .p-nickname {
font-size:1.4em;
}
-.entity_profile .fn {
+.entity_profile .p-name {
font-size: 1.2em;
clear: left;
}
-.entity_profile .fn:before {
+.entity_profile .p-name:before {
content: "(";
font-weight:normal;
}
-.entity_profile .fn:after {
+.entity_profile .p-name:after {
content: ")";
font-weight:normal;
}
-.entity_profile .nickname:after,
-.entity_profile .nickname:before {
+.entity_profile .p-nickname:after,
+.entity_profile .p-nickname:before {
content:"";
}
.entity_profile dt,
display:none;
}
-.profiles {
- list-style-type:none;
-}
-
-.profiles li {
- margin-bottom: 20px;
-}
-
-.profile .entity_profile .fn.nickname,
-.profile .entity_profile .url[rel~=contact] {
+.profile .entity_profile .p-name,
+.profile .entity_profile .u-url[rel~=contact] {
margin-left:0;
display:inline;
}
-.profile .entity_profile .fn,
-.profile .entity_profile .label {
-margin-left:11px;
-margin-bottom:4px;
-width:auto;
-clear:none;
-}
-
.profile .entity_profile .note,
-.profile .entity_profile .url,
+.profile .entity_profile .u-url,
.profile .entity_profile .entity_tags,
.profile .entity_profile .form_subscription_edit {
-margin-left:59px;
+margin-left:55px;
clear:none;
display:block;
width:auto;
}
+.profile_block .group_aliases .group_alias {
+ display:inline;
+ list-style-type: none;
+ font-style: italic;
+}
+
.profile_block .entity_tags dt {
display: inline;
margin-right: 3px;
list-style: none;
}
-.peopletag .entry-content {
+.peopletag .e-content {
width:auto;
}
margin-right:10px;
}
-.profile-lister li .photo {
+.profile-lister li .u-photo {
display:inline;
margin-right:7px;
margin-bottom:-5px;
}
-.profile-lister li .fn {
+.profile-lister li .p-name {
font-weight:bold;
}
#profile_search_results {
display:block;
border-radius:4px;
--moz-border-radius:4px;
--webkit-border-radius:4px;
max-height:800px;
margin:10px 0;
padding: 5px;
padding: 6px;
margin: 4px 0px 0px 4px;
border-top-left-radius: 7px;
- -moz-border-radius-topleft: 7px;
- -webkit-border-top-left-radius: 7px;
}
.oauth-desktop-mode fieldset {
#showapplication .entity_profile .entity_fn {
margin-left:0;
}
-#showapplication .entity_profile .fn:before,
-#showapplication .entity_profile .fn:after {
+#showapplication .entity_profile .p-name:before,
+#showapplication .entity_profile .p-name:after {
content:'';
}
#showapplication .entity_data {
display:none;
}
-/*end of @media screen, projection, tv*/
+.profile_block_otherprofile_list li {
+ display: inline;
+ list-style-type: none;
+}
+
+}/*end of @media screen, projection, tv*/
@media print {