/** theme: base * * @package StatusNet * @author Samantha Doherty * @copyright 2011 StatusNet, Inc. * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported * @link http://status.net/ */ @media screen, projection, tv { /* general styles and layout */ * {margin: 0; padding: 0; vertical-align: baseline;} a abbr {border-bottom: 0; cursor: pointer;} input.submit {cursor: pointer;} table {border-collapse: collapse;} 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; resize: vertical; } body { background-color: #f2f2f2; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; } a { text-decoration: none; outline: none; } a:hover { text-decoration: underline; } a img { border: 0; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-bottom: 15px; } 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 { margin-bottom: 1.4em; } .form_notice p, li p, .section p { margin-bottom: 0; } input, textarea, select, option { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; } select { padding-right: 10px; padding-bottom: 0px; margin-top: -4px; } option { padding-bottom: 0px; } .hidden { display: none; } #wrap { position: relative; width: 960px; margin: 0px auto; background-color: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; padding-top: 10px; } #header { position: relative; width: 960px; padding: 0px } #core { position: relative; float: left; clear: both; margin: 0px; width: 958px; border-top: 5px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #aside_primary_wrapper { width: 100%; float: left; overflow: hidden; position: relative; background-color: #f2f2f2; } #content_wrapper { width: 100%; float: left; position: relative; 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%; float: left; position: relative; right: 561px; background-color: #f2f2f2; border-right: 1px solid #ccc; } #site_nav_local_views { width: 138px; float: left; overflow: hidden; position: relative; left: 800px; margin: 0px 0px 20px 0px; padding: 22px 10px 40px 10px; } #content { width: 520px; float: left; overflow: hidden; position: relative; left: 801px; margin: 0px; padding: 20px 20px 40px 20px; background-color: #fff; } #aside_primary { width: 218px; float: left; overflow: hidden; position: relative; left: 802px; padding: 22px 10px 40px 10px; margin: 0px 0px 20px 0px; } #footer { clear: both; position: relative; width: 940px; background-color: #ccc; padding: 10px; } /* header elements */ address { float: left; position: relative; margin: -2px 0 3px 0; padding: 0px; z-index: 99; } address a, address img { display: block; } address img { max-width: 158px; } address img + .p-name { display: none; } address .poweredby { display: block; width: auto; } #site_nav_global_primary { display: block; position: absolute; top: 0; right: 0; width: 800px; margin: 0px; height: 24px; line-height: 20px; } #site_nav_global_primary ul { float: right; } #site_nav_global_primary li { display: inline; margin-right: 10px; } #site_nav_global_primary li:last-child { margin-right: 0px; } #header-search { float: right; position: relative; top: -8px; margin-left: 10px; } #site_notice { margin: 26px 0px 4px 0px; padding: 10px; background-color: #f2f2f2; } #site_notice p { margin-bottom: 0px; } /* input forms */ .input_forms { 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; margin-bottom: 10px; list-style-type: none; } #input_form_nav li { display: inline; } #input_form_nav li a { margin-right: 10px; } .input_form_nav_tab.current a { text-decoration: underline; } .input_form { position: relative; float: left; width: 520px; padding-bottom: 20px; display: none; } .input_form.current { display: block; } .form_notice { margin-bottom: 10px; } .form_notice fieldset { width: auto; } .form_notice legend { display: none; } .form_notice #notice_data-text-label { /* TODO can remove this now? */ display: none; } .form_notice_placeholder .placeholder { width: 508px; padding: 4px 4px 4px 6px; border: 1px solid #a6a6a6; z-index: 97; font-size: 1em; color: #888; } .form_notice textarea { clear: left; float: left; position: relative; width: 483px; height: 42px; padding: 6px 5px 18px 5px; border: 1px solid #a6a6a6; z-index: 97; font-size: 1.2em; } #form_notice-direct.form_notice textarea { width: 508px; } .form_notice label.notice_data-attach, .form_notice input.notice_data-attach { position: absolute; cursor: pointer; } .form_notice label.notice_data-attach { top: 0px; right: 0px; z-index: 96; text-indent: -9999px; width: 16px; height: 16px; } .form_notice input.notice_data-attach { top: 0; right: 0; padding:0; height:16px; } .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input { position: absolute; top: 26px; right: 0px; cursor: pointer; width: 16px; height: 16px; display: block; z-index: 99; } .form_notice .notice_data-geo_wrap input { visibility:hidden; } .form_notice .notice_data-geo_wrap label { font-weight:normal; font-size:1em; margin-bottom:0; text-indent:-9999px; } .form_notice label { opacity: 0.6; } .form_notice label:hover { opacity: 1; } .form_notice input.notice_data-attach { opacity: 0; } .form_notice .count { position: absolute; bottom: 72px; right: 32px; z-index: 99; font-size: 0.8em; height: 1em; color: #777; } .form_notice.warning .count { color: #ff0000; } #form_notice-direct.form_notice .count { top: 84px; right: 7px; } .form_notice .error, .form_notice .success, .form_notice .notice-status { position: relative; overflow: auto; line-height: 1.2em; padding: 5px 5px 5px 10px; margin: 10px 0px 0px 0px; width: 478px; border: 1px solid #ccc; } .form_notice .error { border: 1px solid #d05858; } .form_notice .attach-status button.close, .form_notice .notice-status button.close { float:right; font-size:0.8em; } .input_form .form_settings fieldset { margin: 0px; padding: 0px; } .input_form .form_settings fieldset fieldset { width: 400px; float: left; background: none; border: none; margin-bottom: 0px; padding: 0px; } .input_form .form_settings .form_data li { position: relative; margin-bottom: 12px; } .input_form fieldset fieldset label { float: none; text-align: left; color: #888; } .input_form .form_settings li input { width: 388px; margin-left: 0; margin-right: 0; padding: 4px 5px 4px 5px; border: 1px solid #a6a6a6; font-size: 1em; } .input_form .form_settings li textarea { width: 388px; margin-left: 0; padding: 4px 5px 4px 5px; border: 1px solid #a6a6a6; z-index: 97; font-size: 1em; } .input_form .form_data label { display: none; } .input_form .form_settings .form_data p.form_guide { margin-left: 5px; } .form_notice label[for=to] { float: left; } .form_notice select[id=to] { float:left; margin: -4px 0px 10px 10px; max-width: 450px; } .form_notice .to-selector { clear: left; padding-top: 15px; z-index: 99; } .form_notice .to-selector > select { max-width: 300px; } .form_settings label[for=notice_to] { left: 5px; margin-left: 0px; margin-right: 10px; position: relative; clear: left; background: none; } .checkbox-wrapper { padding: 2px; margin-left: 10px; } .form_notice .checkbox-wrapper { display: inline; margin-left: 10px; } .form_settings .checkbox-wrapper label.checkbox { margin-left: 0px; margin-top: 6px; line-height: 1.2em; left: -3px; float: none; } .checkbox-wrapper #notice_private { display:none; } .checkbox-wrapper.unchecked label.checkbox { padding-left: 20px; background: url(../images/icons/lock_open.png) no-repeat 0px 0px; opacity: 0.6; } .checkbox-wrapper.unchecked label.checkbox:hover { opacity: 1; cursor: pointer; } .checkbox-wrapper.checked label.checkbox { padding-left: 20px; background: url(../images/icons/lock.png) no-repeat 0px 0px; color: red; opacity: 1; } .checkbox-wrapper.checked label.checkbox:hover { cursor: pointer; } .form_notice input.submit { position: absolute; right: 0px; margin-top: -1.5em; float: left; width: 100px; padding: 0px; z-index: 99; } .input_form .form_settings .submit { position: relative; top: 0; right: 0; float: right; width: 100px; height: 26px; line-height: 26px; padding: 0px 10px; margin: 0px; z-index: 1; } .form_settings { clear: both; } /* site nav local views */ #site_nav_local_views li { display: block; margin: 0px 0px 8px 0px; } #site_nav_local_views li ul { margin-bottom: 20px; } #site_nav_local_views a { word-wrap: break-word; } #site_nav_local_views .current a { text-decoration: underline; } /* aside primary */ #aside_primary .section { position: relative; float: left; clear: both; width: 100%; margin-bottom: 20px; } /* notices */ #notices_primary { padding-top: 3px; clear: both; } #notices_primary h2 { display: none; } #notices_primary .e-content h2 { display: block; } .notice { list-style-type: none; margin-bottom: 10px; clear: left; padding-bottom: 2px; line-height: 1.36em; } .profile, .application, #content .peopletag { position:relative; clear:both; float:left; width:100%; } .application, #content .peopletag { position:relative; clear:both; float:left; width:100%; } .notice .parents { display: inline; } .notice .parents::before { content: '\25B8 '; } .notice .addressees, .notice .addressees li { display: inline; } .notice .addressees > li::before { content: ','; } .notice .addressees > li:first-child::before { content: ''; } .notice .addressees .group { font-style: italic; } .p-name { overflow: hidden; } .notice .p-author { font-weight: bold; } #core .h-card .u-photo { float: left; margin-right: 8px; } .h-card .u-url, .h-card.u-url { text-decoration:none; } .h-card .u-url:hover, .h-card.u-url:hover { text-decoration:underline; } .notice .automatic { font-style:italic; } #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 .h-entry { font-size:2.2em; min-height:123px; font-size: 1.6em; line-height: 1.2em; } .notice .e-content { margin-left: 56px; max-height: 400px; overflow-y: auto; } .notice .e-content img { max-width: 100%; } .notice-options { margin-bottom: 7px; float: right; position: relative; } .notice-options fieldset { border: none; } .notice-options legend { display: none; } .notice-options form, .notice-options a, .notice-options .repeated { float: left; margin-right: 10px; } .notice-options input, .notice-options a, .notice-options .repeated { text-indent: -9999px; outline:none; } .notice-options input.submit, .notice-options a, .notice-options .repeated { display: block; border: 0; height: 16px; width: 16px; } .notice-options input.submit, .notice-options a { opacity: 0.6; } .notice-options input.submit:hover, .notice-options a:hover { opacity: 1; } .notice .attachment { position:relative; padding-left:16px; } .notice .attachment.more, .mode-private .privacy_mode { text-indent:-9999px; width:16px; height:16px; display:inline-block; overflow:hidden; vertical-align:middle; margin-left:4px; } #attachments .attachment, .notice .attachment.more { padding-left:0; } .notice .attachment img { position:absolute; top:18px; left:0; z-index:99; } #shownotice .notice .attachment img { position:static; } .notice.h-entry .attachments { clear: both; position: relative; margin-bottom: 1em; } .notice.h-entry .attachments .inline-attachment > * { height: auto; 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; width:100%; margin-top:18px; } #attachments dt { font-weight:bold; font-size:1.3em; margin-bottom:4px; } #attachments ol li { margin-bottom:18px; list-style-type:decimal; float:left; clear:both; } #attachment_view img, #attachment_view .attachment_player { max-width:480px; max-height:480px; } #attachment_view #oembed_info { margin-top:11px; } #attachment_view #oembed_info dt, #attachment_view #oembed_info dd { float:left; } #attachment_view #oembed_info dt { clear:left; margin-right:11px; font-weight:bold; } #attachment_view #oembed_info dt:after { content: ":"; } /* threaded replies */ .threaded-replies { clear: both; width: 458px; margin-left: 55px; margin-bottom: 10px; padding-right: 2px; border-left: 3px solid #ECECF2; background: #fafafa; color: #222; font-size: 1em; } .threaded-replies:empty { display: none; } #content .notice .threaded-replies .notice, #content .notice .threaded-replies .notice-data { width: 440px; padding-bottom: 1ex; padding-top: 1ex; border-bottom: 2px dotted #eee; line-height: 1.36em; margin-top: 0px; margin-bottom: 0px; margin-left: 10px; background: none; } #content .notice .threaded-replies .notice.h-entry, #content .notice .threaded-replies .entry-title { min-height: 1px; } #content .threaded-replies .notice .p-author .u-photo { height: 24px; width: 24px; top: 12px; } #content .threaded-replies .notice.h-entry .e-content { margin-left: 32px; } .threaded-replies .notice-repeats, .threaded-replies .notice-faves { clear: both; font-size: 0.88em; } .threaded-replies .notice-faves:before { content: "\2665"; margin-right: 1ex; } .threaded-replies .notice-repeats:before { content: "\267B"; margin-right: 1ex; } .threaded-replies li { list-style-type: none; } .threaded-replies .notice-reply-comments { margin: 2px 0px 4px 10px; } .threaded-replies .placeholder { margin: 10px; width: 426px; padding: 4px 4px 4px 6px; border: 1px solid #a6a6a6; color: #888; } .threaded-replies .notice-reply { clear: left; position: relative; padding: 10px; padding-bottom: 44px; } .threaded-replies .form_notice textarea { width: 395px; } .threaded-replies .form_notice label.notice_data-attach { top: 10px; right: 10px; } .threaded-replies .form_notice .notice_data-geo_wrap label, .threaded-replies .form_notice .notice_data-geo_wrap input { top: 36px; right: 10px; } .threaded-replies .form_notice .count { bottom: 60px; right: 50px; } .threaded-replies .form_notice input.submit { bottom: 1ex; right: 1ex; } .threaded-replies .form_notice .error, .threaded-replies .form_notice .success, .threaded-replies .form_notice .notice-status { width: 390px; } .threaded-replies .to-selector { display: none; } .notice .permalink:after { content: ']'; } .notice .permalink:before { content: '['; } .notice footer .source + .permalink.external { display: none; } /* old school conversation style */ #conversation .notices .notices { background-color:rgba(200, 200, 200, 0.050); margin-left: 15px; width: auto; } #conversation .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices .notices { background: none; margin-left: 0px; } /* aside primary specific styles */ .aside .section p, .aside .section .more { clear:both; } .notice-headers > .u-uid { display:none; } #aside_primary ol.notices { list-style-type: none; float: left; position: relative; margin-bottom: 10px; width: 100%; } #aside_primary .notice .h-card .u-photo { height: 24px; width: 24px; margin-right: 8px; } #aside_primary .notice .e-content { margin-left: 32px; } #export_data li { list-style-type:none; } #export_data li a { display: block; padding-left: 30px; height: 16px; line-height: 16px; margin-bottom: 15px; } #aside_primary td { padding-right: 10px; padding-bottom: 10px; } .section tbody td { padding-right:18px; padding-bottom:11px; } #entity_statistics dt, #entity_statistics dd { display:inline; margin-right:11px; } #entity_statistics dt:after { content: ":"; } .section ul.entities { float:left; width:100%; } .section .entities li { list-style-type: none; float: left; margin-right: 3px; margin-bottom: 8px; display: inline; } .section .entities li .u-photo { margin: 0; } .tag-cloud { list-style-type:none; text-align:center; } .aside .tag-cloud { font-size:0.8em; word-wrap:break-word; } .tag-cloud li { display:inline; margin-right:7px; line-height:1.25; } .tag-cloud li:before { content:'\0009'; } .aside .tag-cloud li { line-height:1.5; } .tag-cloud li a { text-decoration:none; } #tagcloud.section dt { text-transform:uppercase; font-weight:bold; } .tag-cloud-1 { font-size:1em; } .tag-cloud-2 { font-size:1.25em; } .tag-cloud-3 { font-size:1.75em; } .tag-cloud-4 { font-size:2em; } .tag-cloud-5 { font-size:2.25em; } .tag-cloud-6 { font-size:2.75em; } .tag-cloud-7 { font-size:3.25em; } #publictagcloud #tagcloud.section dt { display:none; } /* secondary elements */ .error, .success, .notice-status { background-color: #F7E8E8; padding: 4px 10px; } .success, .notice-status { background-color: #f2f2f2; } #page_notice { clear:both; margin-bottom:18px; } .e-content .success { padding: 6px; } .system_notice ul, .instructions ul { margin-left:1em; } .instructions p, .instructions ul { margin-bottom:18px; } .help dt { display:none; } .guide { clear:both; } button.close, button.minimize { width:16px; height:16px; text-indent:-9999px; padding:0; border:0; text-align:center; font-weight:bold; cursor:pointer; } .dialogbox { position:absolute; width: 200px; top: 0px; right: 0px; z-index:9; float:none; padding:11px; border-style:solid; border-width:1px; background: #fff; color: #000; } .dialogbox legend { display:block !important; margin-right:18px; margin-bottom:18px; } .dialogbox button.close { position:absolute; right:3px; top:3px; } .dialogbox .form_guide { font-weight:normal; padding:0; } .dialogbox .submit_dialogbox { font-weight:bold; text-indent:0; min-width:46px; } .dialogbox input { padding-left:4px; } .dialogbox fieldset { margin-bottom:0; } .notice-options .form_repeat.dialogbox input.submit_dialogbox { float: right; min-width: 80px; } #pagination { background-color: #f2f2f2; clear: left; margin-top: 20px; padding: 1%; height: 1em; } #pagination li { display: inline; } #pagination .nav_prev { float: left; } #pagination .nav_next { float: right; } #wrap form.processing input.submit, #wrap a.processing, .dialogbox.processing .submit_dialogbox { background: url(../images/icons/icon_processing.gif) no-repeat 47% 47%; cursor: wait; outline: none; text-indent: -9999px; } /* footer elements */ #site_nav_global_secondary dt { display: none; } #site_nav_global_secondary li { display: inline; margin-right: 20px; } #licenses dt { display: none; } #licenses dd { margin-top: 10px; } #site_content_license_cc { margin-bottom:0; } #site_content_license_cc img { display:inline; vertical-align:top; margin-right:4px; } form ul li { list-style-type:none; margin:0 0 18px 0; } form label.submit { display:none; } .form_settings fieldset { margin-top: 10px; margin-bottom: 10px; border: none; } .form_settings fieldset fieldset { margin-bottom: 20px; padding: 10px; padding-top: 10px; border-width:1px; border-style:solid; background:rgba(240, 240, 240, 0.2); } .form_settings fieldset fieldset legend { line-height:0; font-size: 1.4em; font-weight: normal; } .form_settings input.remove { margin-left:11px; } .form_settings .form_data li { width:100%; float:left; margin-bottom: 22px; } .form_settings .form_data label { float:left; } .form_settings .form_data textarea, .form_settings .form_data select, .form_settings .form_data input { margin-left:1.795%; float:left; } .form_settings .form_data select { margin-top: 0px; } .form_settings .form_data input.submit, .form_settings .form_data input.checkbox, .form_settings .form_data input.radio { width:auto; } .form_settings .form_data textarea { width:63%; } .form_settings .form_data input.submit { margin-left:0; } .form_settings label { margin-top:2px; width: 25%; text-align: right; } .form_settings input.checkbox, .form_settings input.radio { margin-left: 25%; margin-top: 3px; position: relative; left: -14px; } .form_settings label.checkbox, .form_settings label.radio { width: auto; max-width: 60%; position: relative; left: -25px; } .form_settings label.checkbox { text-align: left; line-height: 1.2em; } .form_settings label.radio { text-align: left; margin: 0px; } .form_settings li input.radio { clear: left; } .form_actions label { display:none; } .form_guide { font-style:italic; } .form_settings #settings_autosubscribe label { display:inline; font-weight:bold; } #form_settings_profile legend, #form_login legend, #form_register legend, #form_password legend, #form_settings_avatar legend, #newgroup legend, #editgroup legend, .form_tag_user legend, #form_remote_subscribe legend, #form_openid_login legend, #form_search legend, #form_invite legend, #form_notice_delete legend, #form_password_recover legend, #form_password_change legend, .form_entity_block legend, #form_filter_bytag legend, #apioauthauthorize_allowdeny, .form_tag_user_wrap form, .form_tag_user_wrap label, .form_tag_user_wrap legend { display:none; } .form_tag_user_wrap { clear:both; } .form_tag_user { float:left; width:auto; } .form_tag_user input.submit { width:50px; } .form_settings .form_data p.form_guide { clear:both; margin-left: 27%; margin-bottom:0; line-height: 1.2em; padding-top: 4px; } .form_settings p { margin-bottom:11px; } .form_settings .form_note { padding:0 7px; } .form_settings .form_response { margin-top: 10px; } .form_settings input { margin-right: 20px; } #form_search .submit { margin-left:11px; } #form_search .form_data input { width:auto; } .h-entry .e-content .form_settings ul { margin-left:0; } .notice > footer { clear: left; font-size: 0.8em; margin-left: 56px; } .notice > footer .attachments-title { margin-bottom: 0; margin-top: 1em; } .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.e-content { margin-left: 0; } #content .notice-source-activity div.entry-title { font-style: italic; min-height: 0; } #content .notice-source-activity .notice div.entry-title { font-style: normal; } div.e-content.plaintext { border: dashed 1px gray; font-family: monospace; padding: 1em; white-space: pre-line; } span.rtl { display: block; direction: rtl; text-align: right; float: right; } #filter_tags ul li, .entity_send-a-message .form_notice, .form_settings fieldset fieldset, .entity_moderation:hover ul, .entity_role:hover ul, .dialogbox { border-color:#DDDDDD; } .form_settings input.form_action-primary { background:none; } .form_settings .form_note { background-color: #d1f7cb; } #form_settings_photo .form_data { clear:both; } #form_settings_avatar li { width:auto; } #form_settings_avatar input { margin-left:0; } #avatar_original, #avatar_preview { float:left; } #avatar_preview { margin-left:29px; } #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; } .entity_profile { position:relative; width:73%; min-height:123px; float:left; margin-bottom:18px; margin-left:0; overflow:hidden; } .entity_profile dt, #entity_statistics dt { font-weight:bold; } .entity_profile dd { display:inline; } .entity_profile .entity_depiction { float:left; width:96px; margin-right:18px; margin-bottom:18px; text-align: center; } .entity_profile .entity_fn, .entity_profile .entity_nickname, .entity_profile .entity_location, .entity_profile .entity_url, .entity_profile .entity_note, .entity_profile .entity_tags, .entity_profile .entity_aliases, .entity_profile .entity_statistics { margin-left:113px; margin-bottom:4px; } .peopletags_edit_button { cursor:pointer; border:0; padding:0; width:16px; height:16px; position: relative; top: -3px; } ul.profile_list { list-style-type:none; } ul.profile_list li { margin-bottom: 20px; } ul.profiles.groups { list-style-type:none; } .profile_list .h-card .u-photo { margin-right: 4px; } table.profile_list tbody tr:nth-child(2n+1) { background-color: #fafafa !important; border: none !important; } .entity_profile .entity_nickname, .entity_profile .entity_fn { margin-left:0; } .entity_profile .p-nickname { font-weight: bold; } .entity_profile .p-name { clear: left; } .entity_profile .label { display: block; } .entity_profile .p-name:before { content: "("; font-weight:normal; } .entity_profile .p-name:after { content: ")"; font-weight:normal; } .entity_profile .p-nickname:after, .entity_profile .p-nickname:before { content:""; } .entity_profile dt, .entity_profile h2 { display:none; } .entity_profile .role { margin-left:11px; font-style:italic; } .entity_actions { float:right; margin-left:2%; margin-bottom: 28px; min-width:21%; } .entity_actions h2 { display:none; } .entity_actions ul { list-style-type:none; } .entity_actions li { margin-bottom:7px; } .entity_actions li:first-child { border-top:0; } .entity_actions fieldset { border:0; padding:0; } .entity_actions legend { display:none; } .entity_actions input.submit { display:block; text-align:left; width:100%; } .entity_actions a, .entity_actions input, .entity_actions p { color: #333 !important; font-weight: normal; line-height: 1.6em; } .entity_actions a { text-decoration:none; display:block; padding: 3px 4px 4px 28px; } .entity_actions input { padding: 4px 4px 4px 26px; } .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; } .entity_actions p { padding: 2px 4px 4px 28px; } .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; } .entity_actions #entity_remote_subscribe a { padding-right: 6px; } .entity_actions .accept { margin-bottom:18px; } .entity_send-a-message button { position:absolute; top:3px; right:3px; } .entity_send-a-message .form_notice { width: 410px; padding: 10px; position: absolute; top: 46px; right: 10px; z-index: 2; } .entity_send-a-message .form_notice fieldset { width: 410px; } .entity_send-a-message .form_notice textarea { width: 280px; } .entity_send-a-message .form_notice legend { display:block; margin-bottom:11px; font-weight: normal; color: #333 !important; } .entity_send-a-message .form_notice label, .entity_send-a-message .form_notice select { display:none; } .entity_send-a-message .form_notice .submit { position: absolute; top: 52px; right: 0px; text-align: center; } .entity_moderation, .entity_role { position:relative; } .entity_moderation p, .entity_role p { padding-bottom:2px; margin-bottom:7px; } .entity_moderation ul, .entity_role ul { display:none; } .entity_moderation:hover ul, .entity_role:hover ul { display:block; width:110%; padding:11px; position:absolute; z-index:1; border-width:1px; border-style:solid; top: 20px; right: 0px; background-color: #fff; } .entity_tags ul { list-style-type:none; display:inline; } .entity_tags li { display:inline; margin-right:7px; } .entity_tags li:before { content:'\0009'; } .entity_tags p.error { clear:both; } #filter_tags { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; float: left; } #filter_tags dt { display:none; } #filter_tags ul { list-style-type:none; } #filter_tags li { float:left; margin-left:7px; padding-left:7px; border-left-width: 1px; border-left-style:solid; } #filter_tags #filter_tags_all, #filter_tags #filter_tags_for { margin-left: 10px; border-left:0; padding-left:0; } #filter_tags_all a, #filter_tags_for a { font-weight:bold; margin-top: 4px; float:left; } #filter_tags_for a { margin:0; } #filter_tags #form_filter_bymode .form_guide { display:none; } #filter_tags #form_filter_bymode .checkbox { float:none; } #filter_tags #form_filter_bymode legend { display:none; } #filter_tags_item label { margin-right: 14px; margin-left: 7px; padding-top: 4px; } #filter_tags_item label, #filter_tags_item select { float:left; } #filter_tags_item p { float:left; clear:both; margin-left:38px; } #filter_tags_item .submit { position:relative; top:3px; left:3px; } .profile .entity_profile { margin-bottom:10px; min-height:60px; } .profile .form_group_join legend, .profile .form_group_leave legend, .profile .form_user_subscribe legend, .profile .form_user_unsubscribe legend, .form_user_add_peopletag legend, .form_user_remove_peopletag legend { display:none; } .profile .entity_profile .p-name, .profile .entity_profile .u-url[rel~=contact] { margin-left:0; display:inline; } .profile .entity_profile .note, .profile .entity_profile .u-url, .profile .entity_profile .entity_tags, .profile .entity_profile .form_subscription_edit { 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; font-weight: bold; } .profile_block .entity_tags dd { display: inline; } .profile .entity_profile .form_subscription_edit { clear:left; } .peopletag { min-height: 90px; list-style: none; } .peopletag .e-content { width:auto; } .peopletag .tagged-count a:after, .peopletag .subscriber-count a:after, .entity_tags dt:after { content: ':'; } .peopletag .updated { display:none; } .peopletag .tag a{ font-weight: bold; } .peopletag .tag:before { /* raquo */ content: "\00BB"; } .peopletag .entity_statistics { font-size:80%; } .profile-lister li { min-height:30px; padding:5px; clear:both; border-top: 1px #eee solid; } .profile-lister { list-style-type:none; } .profile_search_wrap h3 { float:left; font-weight:normal; margin-right:10px; } .profile-lister li .u-photo { display:inline; margin-right:7px; margin-bottom:-5px; } .profile-lister li .p-name { font-weight:bold; } .profile-lister li .entity_actions { margin:0; } #profile_search_results { display:block; border-radius:4px; max-height:800px; margin:10px 0; padding: 5px; border:1px #ddd solid; background:#f1f1f1; } #profile_search_results.empty { display: none; } .form_peopletag_edit_user_search legend, .form_peopletag_edit_user_search label, .form_peopletag_edit_user_search .form_guide { display:none; } .form_peopletag_edit_user_search #field { height:30px; } .form_peopletag_edit_user_search .submit { width:60px; } .form_user_remove_peopletag, .form_user_add_peopletag { float:right; } .form_user_add_peopletag input.submit, .form_user_remove_peopletag input.submit { width:100px; padding-left:25px; text-align:left; } .profile .entity_profile .form_subscription_edit label { font-weight:normal; margin-right:11px; } .applications { margin-bottom:18px; float:left; width:100%; } .applications li { list-style-type:none; } .application img, #showapplication .entity_profile img, .form_data #application_icon img, #apioauthauthorize .form_data img { max-width:96px; max-height:96px; } #apioauthauthorize .form_data img { margin-right:18px; float:left; } .oauth-desktop-mode #wrap { min-width: 500px; } .oauth-desktop-mode #content { width: 480px; padding: 6px; margin: 4px 0px 0px 4px; border-top-left-radius: 7px; } .oauth-desktop-mode fieldset { margin-bottom: 10px !important; } #oauth_pin { text-align: center; font-size: 3em; } #showapplication .entity_profile { width:68%; } #showapplication .entity_profile .entity_fn { margin-left:0; } #showapplication .entity_profile .p-name:before, #showapplication .entity_profile .p-name:after { content:''; } #showapplication .entity_data { clear:both; margin-bottom:18px; } #showapplication .entity_data h2 { display:none; } #showapplication .entity_data dd { font-family:monospace; font-size:1.3em; margin-bottom: 10px; } .form_data #application_types label.radio, .form_data #default_access_types label.radio { 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; } #realtime_actions li { margin-left: 2px !important; } #realtime_play, #realtime_pause, #realtime_popup { background-image: url(../images/icons/icons-01.gif); background-repeat: no-repeat; background-color: transparent; } #realtime_play { background-position: 0 -2308px; } #realtime_pause { background-position: 0 -2374px; } #realtime_popup { background-position: 0 -1714px; } #realtime_play, #realtime_pause, #realtime_popup { opacity: 0.6; } #realtime_play:hover, #realtime_pause:hover, #realtime_popup:hover { opacity: 1; } body.realtime-popup { min-width: 100%; overflow-x: hidden; } .realtime-popup #content { padding: 0px !important; margin: 0px !important; left: 0; right: 0; width: 100% !important; overflow: visible; } .realtime-popup #content_inner { padding: 5px; } .realtime-popup .input_forms { top: 0px; left: 0px; padding: 10px 0px 0px 5px; } .realtime-popup .form_notice_placeholder .placeholder { width: 445px; } .realtime-popup .input_form { width: 470px; } .realtime-popup .form_notice fieldset { width: 430px !important; } .realtime-popup .form_notice textarea { width: 425px !important; } .realtime-popup .form_notice label.notice_data-attach { right: 0px !important; top: 3px !important; } .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input { right: 8px !important; top: 3px !important; } .realtime-popup .form_notice .error, .realtime-popup .form_notice .success, .realtime-popup .form_notice .notice-status { width: 430px; } /* icons */ .form_notice label.notice_data-attach, #export_data li a.rss, #export_data li a.atom, #export_data li a.foaf, .entity_edit a, .entity_send-a-message a, .entity_nudge p, .form_user_nudge input.submit, .form_user_block input.submit, .form_user_unblock input.submit, .form_group_block input.submit, .form_group_unblock input.submit, .form_make_admin input.submit, .notice .attachment, .notice-options .notice_reply, .notice-options form.form_favor input.submit, .notice-options form.form_disfavor input.submit, .notice-options .notice_delete, .notice-options form.form_repeat input.submit, #new_group a, #pagination .nav_prev a, #pagination .nav_next a, button.close, .form_group_leave input.submit, .form_user_unsubscribe input.submit, .form_group_join input.submit, .form_user_subscribe input.submit, .form_remote_authorize input.submit, .entity_subscribe a, .entity_moderation p, .entity_sandbox input.submit, .entity_silence input.submit, .entity_delete input.submit, .entity_role p, .entity_role_administrator input.submit, .entity_role_moderator input.submit, .form_user_remove_peopletag input.submit, .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, .form_reset_key input.submit, .entity_tag a, .entity_clear input.submit, .entity_flag input.submit, .entity_flag p, .entity_approval input.submit, .entity_subscribe input.submit, #realtime_play, #realtime_pause, #realtime_popup, .peopletags_edit_button, .mode-private .privacy_mode { background-image:url(../images/icons/icons-01.gif); background-repeat:no-repeat; background-color:transparent; } button.close { background-position:0 -1120px; } button.minimize { background-position:0 -1912px; } #export_data li a.rss { background-position:0 -130px; } #export_data li a.atom { background-position:0 -64px; } #export_data li a.foaf { background-position:0 1px; } #export_data li a.json { background-image:url(../images/icons/activitystreams.png); 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, .form_peopletag_unsubscribe input.submit { background-position:5px -1246px; } .form_group_join input.submit, .form_user_subscribe input.submit, .form_remote_authorize input.submit, .form_user_add_peopletag input.submit, .form_peopletag_subscribe input.submit, .entity_subscribe a { background-position:5px -1181px; } .peopletags_edit_button { background-position: 0 -724px; } .entity_edit a { background-position: 5px -719px; } .entity_send-a-message a { background-position: 5px -852px; } .entity_nudge p, .form_user_nudge input.submit { background-position: 5px -785px; } .form_user_block input.submit, .form_user_unblock input.submit, .form_group_block input.submit, .form_group_unblock input.submit { background-position: 5px -918px; } .form_make_admin input.submit { background-position: 5px -983px; } .entity_moderation p { background-position: 5px -1313px; } .entity_sandbox input.submit { background-position: 5px -1380px; } .entity_silence input.submit { background-position: 5px -1445px; } .entity_delete input.submit { background-position: 5px -1511px; } .entity_sandbox .form_user_unsandbox input.submit { background-position: 5px -2568px; } .entity_silence .form_user_unsilence input.submit { background-position: 5px -2633px; } .entity_role p { background-position: 5px -2436px; } .entity_role_administrator .form_user_grantrole input.submit { background-position: 5px -983px; } .entity_role_moderator .form_user_grantrole input.submit { background-position: 5px -1313px; } .entity_role_administrator .form_user_revokerole input.submit { background-position: 5px -2699px; } .entity_role_moderator .form_user_revokerole input.submit { background-position: 5px -2501px; } .form_reset_key input.submit { background-position: 5px -1973px; } .entity_clear input.submit { background-position: 5px -2039px; } .entity_flag input.submit, .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; } #realtime_play { background-position: 0 -2308px; } #realtime_pause { background-position: 0 -2374px; } #realtime_popup { background-position: 0 -1714px; } .notice .attachment { background-position:0 -394px; } .notice .attachment.more { background-position:0 -2770px; } #attachments .attachment { background:none; } .notice-options .notice_reply { background-position:0 -592px; } .notice-options form.form_favor input.submit { background-position:0 -460px; } .notice-options form.form_disfavor input.submit { background-position:0 -526px; } .notice-options .notice_delete { background-position:0 -658px; } .notice-options .form_repeat.processing { background-image:none; } .notice-options form.form_repeat input.submit { background-position:0 -1582px; } .notice-options .repeated { background-position:0 -1648px; } #new_group a { background-position:0 -1054px; } .form_notice label.notice_data-attach { background-position: 0 -328px; } .form_notice label.notice_data-geo { background-position: 0 -1780px; } .form_notice label.notice_data-geo.checked { background-position: 0 -1846px; } #pagination .nav_prev a { padding-top: 8px; padding-left: 25px; background-position:0 -187px; } #pagination .nav_next a { padding-top: 9px; padding-right: 25px; background-position: 115% -252px; } #usergroups #new_group { float: left; margin-right: 2em; } #new_group, #group_search { margin-bottom:18px; } #new_group a { padding-left:20px; } .entity_tags li.mode-private { color: #829D25; } .mode-private .privacy_mode { background-position: 0px -1978px; } /* tag autocomplete */ .ptag-ac-line { font-weight: normal; background-color: white; min-height:30px; } .ptag-ac-line:nth-child(odd) { background-color: #fafafa; } .ptag-ac-line-tag { min-width: 150px; display: inline-block; } .ptag-ac-line .freq { min-width: 50px; text-align: right; float:right; } .ptag-ac-line.mode-public .privacy_mode { display:none; } #site_nav_local_views li.extended_menu a { display:none; } .profile_block_otherprofile_list li { display: inline; list-style-type: none; } }/*end of @media screen, projection, tv*/ @media print { a:after { background-color:#FFFFFF; } a:not([href^="#"]):after { content:" <"attr(href)"> "; } img { border:none; } p { orphans: 2; widows: 1; } #site_nav_global_primary, #site_nav_local_views, #form_notice, .pagination, #site_nav_global_secondary, .entity_actions, .notice-options, #aside_primary, .form_subscription_edit .submit { display:none; } .timestamp dt, .timestamp dd, .device dt, .device dd { display:inline; } .profiles li, .notices li { margin-bottom:18px; } }/*end of @media print*/