X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fbase%2Fcss%2Fdisplay.css;h=5cafd8c1fe39b87c6a640c15057a59bf13079fb2;hb=69183c445d8305ad74db72cca3ced01323973cc5;hp=6f7f9aedf36a9d7cf8bf57972ef9f7d204ce052b;hpb=fbae20812329cb4c5a1eabdb5e746488680d1b08;p=quix0rs-gnu-social.git diff --git a/theme/base/css/display.css b/theme/base/css/display.css index 6f7f9aedf3..5cafd8c1fe 100644 --- a/theme/base/css/display.css +++ b/theme/base/css/display.css @@ -16,46 +16,52 @@ margin:0 auto; width:1004px; width:71.714em; } +h1,h2,h3,h4,h5,h6 { +text-transform:uppercase; +margin-bottom:7px; +} h1 { -font-size:1.7em; -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.5em; +font-weight:bold; +font-size:1.3em; text-transform:uppercase; } -form { -} input, textarea, select, option { padding:4px; font-family:sans-serif; font-size:1em; --moz-border-radius:4px; } -input:focus, textarea:focus, select:focus { +input, textarea, select { border-width:2px; border-style: solid; +border-radius:4px; +-moz-border-radius:4px; +-webkit-border-radius:4px; } -select, option { +input.submit { +font-weight:bold; +} +textarea { +overflow:auto; +} +select { +} +option { padding-bottom:0; } fieldset { @@ -70,60 +76,57 @@ form label { font-weight:bold; /*margin:0 0 11px 0;*/ } -form ul li input { -} - -form input.checkbox { +input.checkbox { position:relative; top:2px; left:0; +border:0; } -#page_notice .error { -background-color:#F7E8E8; +#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 .error_message { -display:block; -} -.form_response { -margin-bottom:18px; -} -form input.submit { +.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_datas li { +.form_settings .form_data li { width:100%; float:left; } -.form_settings .form_datas label, -.form_settings .form_datas input { -margin-right:11px; +.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:7px; -width:123px; +margin-top:2px; +width:152px; } .form_actions label { @@ -136,13 +139,19 @@ font-weight:bold; } #form_settings_profile legend, -#form_login legend { +#form_login legend, +#form_register legend, +#form_password legend, +#form_settings_avatar legend, +#newgroup legend, +#editgroup legend, +#form_tag_user legend { display:none; } -.form_settings .form_datas p.form_guide { +.form_settings .form_data p.form_guide { clear:both; -margin-left:134px; +margin-left:163px; margin-bottom:0; } @@ -152,26 +161,29 @@ margin-bottom:11px; .form_settings input.checkbox { margin-top:3px; +margin-left:0; } .form_settings label.checkbox { font-weight:normal; -width:auto; margin-top:0; +margin-right:0; +margin-left:11px; +float:left; +width:90%; } -#form_login p.form_guide { +#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 */ - - address { @@ -179,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%; @@ -196,13 +208,14 @@ margin-bottom:29px; #site_nav_global_primary { float:right; +margin-right:18px; +margin-bottom:11px; } #site_nav_global_primary ul li { display:inline; margin-left:11px; } - .system_notice dt { font-weight:bold; text-transform:uppercase; @@ -221,17 +234,12 @@ clear:both; margin-bottom:18px; } - - - #footer { float:left; -width:68%; -padding-bottom:11px; +width:64%; +padding:18px; } - - #site_nav_local_views { width:100%; float:left; @@ -250,9 +258,12 @@ 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:solid; border-bottom:0; +text-shadow: 4px 4px 4px #ddd; font-weight:bold; } #site_nav_local_views .nav { @@ -260,7 +271,6 @@ float:left; width:100%; } - #site_nav_global_primary dt, #site_nav_global_secondary dt { display:none; @@ -289,8 +299,6 @@ padding-left:30px; padding-left:28px; } - - #export_data ul { display:inline; } @@ -303,8 +311,6 @@ margin-left:11px; margin-left:0; } - - #licenses { font-size:0.9em; } @@ -318,8 +324,8 @@ margin-bottom:11px; line-height:1.5; } - -#site_content_license_cc p { +#site_content_license_cc { +margin-bottom:0; } #site_content_license_cc img { display:inline; @@ -327,7 +333,6 @@ vertical-align:top; margin-right:4px; } - #wrap { float:left; margin:0 auto; @@ -335,7 +340,6 @@ margin-right:4px; width:71.714em; } - #core { position:relative; width:100%; @@ -345,33 +349,38 @@ margin-bottom:1em; #content { width:644px; +width:46em; 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 { width:300px; +width:21.429em; float:left; margin-left:2px; padding:18px 4px 18px 18px; +border-radius:7px; -moz-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; } @@ -383,20 +392,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; -height:86px; +width:370px; +height:67px; 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; } @@ -412,8 +422,7 @@ margin-left:4px; #form_notice .form_note { position:absolute; -top:125px; -top:116px; +top:99px; right:98px; z-index:9; } @@ -425,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; @@ -441,239 +451,296 @@ 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; } -/*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 { list-style-type:none; /*margin-bottom:11px;*/ } -.notices li.over { -background-color:#fcfcfc; +.notices li.hover { +border-radius:4px; +-moz-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; } #notices_primary h2 { display:none; @@ -683,7 +750,6 @@ display:block; padding-left:28px; } - .notice .author { margin-right:11px; } @@ -693,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 { @@ -712,9 +786,9 @@ font-style:italic; } - .notice .entry-title { float:left; +width:100%; } .notice p.entry-content { display:inline; @@ -730,47 +804,40 @@ 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 { - +#content .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; -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; @@ -781,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 { -} @@ -811,6 +873,8 @@ float:left; width:50%; position:relative; font-size:0.95em; +width:12.5%; +float:right; } .notice-options a { @@ -844,7 +908,7 @@ outline:none; } .notice-options .notice_reply a, -.notice-options form input.submit { +.notice-options input.submit { display:block; border:0; } @@ -860,25 +924,24 @@ padding-left:16px; .notice-options form input.submit { cursor:pointer; -padding:2px 0 2px 10px; +width:16px; +padding:2px 0; } .notice-options .notice_delete dt, -.notice-options .form_favor legend { +.notice-options .form_favor legend, +.notice-options .form_disfavor legend { display:none; } .notice-options .notice_delete fieldset, -.notice-options .form_favor fieldset { +.notice-options .form_favor fieldset, +.notice-options .form_disfavor fieldset { border:0; padding:0; } /*END: NOTICES */ - - - - .pagination dt { font-weight:bold; display:none; @@ -908,23 +971,33 @@ border-bottom:0; .pagination .nav_prev a { -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:7px; +-webkit-border-top-left-radius:7px; 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 { @@ -941,23 +1014,21 @@ background-color:#E4E9F0; background-color:#D1D9E4; } - - -#user_actions #user_subscribe .form_note, -#user_actions #user_subscribe .form_datas, -#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, -#form_user-relationship .form_datas, +#form_user-relationship .form_data, #form_user-relationship .form_actions label { display:block; } -#user_actions #user-relationship_submit { +.entity_actions #user-relationship_submit { margin-bottom:0; } -#form_user-relationship .form_datas li label { +#form_user-relationship .form_data li label { margin-right:11px; } @@ -974,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_datas { +#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; } @@ -1127,14 +1225,15 @@ 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; text-align:center; } - #testimonials { clear:both; }