X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fbase%2Fcss%2Fdisplay.css;h=5cafd8c1fe39b87c6a640c15057a59bf13079fb2;hb=69183c445d8305ad74db72cca3ced01323973cc5;hp=253cbfa38548d6a0f1059207c38d97544f2e5778;hpb=570a7c64b1a3653a801e95b7e9834bede6ce5b9e;p=quix0rs-gnu-social.git diff --git a/theme/base/css/display.css b/theme/base/css/display.css index 253cbfa385..5cafd8c1fe 100644 --- a/theme/base/css/display.css +++ b/theme/base/css/display.css @@ -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,6 +52,7 @@ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } + input.submit { font-weight:bold; } @@ -79,9 +76,6 @@ form label { font-weight:bold; /*margin:0 0 11px 0;*/ } -form ul li input { -} - input.checkbox { position:relative; top:2px; @@ -99,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; @@ -151,7 +144,8 @@ font-weight:bold; #form_password legend, #form_settings_avatar legend, #newgroup legend, -#editgroup legend { +#editgroup legend, +#form_tag_user legend { display:none; } @@ -183,7 +177,6 @@ width:90%; margin-left:0; } - .form_settings .form_note { border-radius:4px; -moz-border-radius:4px; @@ -193,11 +186,6 @@ padding:0 7px; -/* FORM SETTINGS */ - - - - address { float:left; margin-bottom:18px; @@ -210,7 +198,6 @@ address .fn { font-weight:bold; } - #header { width:100%; position:relative; @@ -229,7 +216,6 @@ display:inline; margin-left:11px; } - .system_notice dt { font-weight:bold; text-transform:uppercase; @@ -248,17 +234,12 @@ clear:both; margin-bottom:18px; } - - - #footer { float:left; width:64%; padding:18px; } - - #site_nav_local_views { width:100%; float:left; @@ -290,7 +271,6 @@ float:left; width:100%; } - #site_nav_global_primary dt, #site_nav_global_secondary dt { display:none; @@ -319,8 +299,6 @@ padding-left:30px; padding-left:28px; } - - #export_data ul { display:inline; } @@ -333,8 +311,6 @@ margin-left:11px; margin-left:0; } - - #licenses { font-size:0.9em; } @@ -357,7 +333,6 @@ vertical-align:top; margin-right:4px; } - #wrap { float:left; margin:0 auto; @@ -365,7 +340,6 @@ margin-right:4px; width:71.714em; } - #core { position:relative; width:100%; @@ -375,6 +349,7 @@ margin-bottom:1em; #content { width:644px; +width:46em; padding:18px; float:left; border-radius:7px; @@ -392,6 +367,7 @@ float;left; #aside_primary { width:300px; +width:21.429em; float:left; margin-left:2px; padding:18px 4px 18px 18px; @@ -400,9 +376,6 @@ border-radius:7px; -webkit-border-radius:7px; } - - - /*Start: FORM NOTICE*/ #form_notice { width:384px; @@ -424,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; } @@ -449,7 +422,7 @@ margin-left:4px; #form_notice .form_note { position:absolute; -top:118px; +top:99px; right:98px; z-index:9; } @@ -465,7 +438,7 @@ padding:1px 2px; } #form_notice #notice_data-attach_view { -/*position:absolute;*/ +position:absolute; top:25px; right:30px; margin-left:4px; @@ -505,10 +478,6 @@ float:left; /*end FORM NOTICE*/ - - - - /* entity_profile */ .entity_profile { position:relative; @@ -547,6 +516,7 @@ margin-bottom:4px; width:auto; clear:none; } + .entity_profile .entity_fn { margin-left:11px; margin-right:4px; @@ -578,17 +548,10 @@ display:none; /* entity_profile */ - - - - /*entity_actions*/ .entity_actions { -clear:left; -float:left; -position:absolute; -top:0; -right:0; +float:right; + } .entity_actions h2 { display:none; @@ -616,29 +579,27 @@ text-align:left; cursor:pointer; width:100%; } -.entity_actions a { +.entity_actions a, +#entity_nudge p { text-decoration:none; font-weight:bold; -width:100%; display:block; } - - .form_user_block input.submit, .form_user_unblock input.submit, #entity_send-a-message a, -.form_user_nudge input.submit { +.form_user_nudge input.submit, +#entity_nudge p { border:0; padding-left:20px; } -#entity_send-a-message a { +#entity_send-a-message a, +#entity_nudge p { padding:4px 4px 4px 23px; } - - .entity_tags ul { list-style-type:none; } @@ -648,8 +609,6 @@ margin-right:1em; float:left; } - - .aside .section { margin-bottom:29px; clear:both; @@ -669,7 +628,6 @@ display:inline; content: ":"; } - #user_subscriptions, #user_subscribers, #user_groups, { @@ -696,23 +654,25 @@ display:none; 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; } @@ -727,12 +687,26 @@ display:inline; float:none; } .profile .entity_profile .entity_note, -.profile .entity_profile .entity_url { +.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; +} + + @@ -740,14 +714,13 @@ width:auto; .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 { @@ -760,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; @@ -777,7 +750,6 @@ display:block; padding-left:28px; } - .notice .author { margin-right:11px; } @@ -787,6 +759,14 @@ margin-right:11px; /*content:":";*/ } +.notice .author .fn { +font-weight:bold; +} + +.notice .author .photo { +margin-bottom:0; +} + .vcard .photo { display:inline; margin-right:11px; @@ -806,7 +786,6 @@ font-style:italic; } - .notice .entry-title { float:left; width:100%; @@ -825,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; @@ -837,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; @@ -873,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 { -} @@ -903,6 +873,8 @@ float:left; width:50%; position:relative; font-size:0.95em; +width:12.5%; +float:right; } .notice-options a { @@ -936,7 +908,7 @@ outline:none; } .notice-options .notice_reply a, -.notice-options form input.submit { +.notice-options input.submit { display:block; border:0; } @@ -970,10 +942,6 @@ padding:0; /*END: NOTICES */ - - - - .pagination dt { font-weight:bold; display:none; @@ -1014,27 +982,23 @@ padding-right:20px; border-right:0; } - /* END: NOTICE */ - - -/*If there is hentry on #content_inner, this doesn't need to be specific to #doc */ -#doc #content_inner p { +/*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; } -#doc #content_inner ol, -#doc #content_inner ul { +.hentry entry-content ol, +.hentry .entry-content ul { list-style-position:inside; } -#doc #content_inner li { +.hentry .entry-content li { margin-bottom:18px; } -#doc #content_inner li li { +.hentry .entry-content li li { margin-left:18px; } - /*START: LOAD ALONG WITH JS*/ .notice .in-reply-to { width:98%; @@ -1050,8 +1014,6 @@ background-color:#E4E9F0; background-color:#D1D9E4; } - - .entity_actions #user_subscribe .form_note, .entity_actions #user_subscribe .form_data, .entity_actions #user_subscribe .form_actions label { @@ -1083,33 +1045,43 @@ 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 */ @@ -1154,20 +1126,15 @@ font-size:4em; display:none; } - - - #form_settings_photo .form_data { clear:both; } - - #form_settings_avatar li { width:auto; } #form_settings_avatar input { -margin-left:0; +margin-left:0; } #avatar_original, #avatar_preview { @@ -1192,8 +1159,6 @@ clear:both; margin-bottom:0; } - - #groups_related ul, #users_featured ul { list-style-type:none; @@ -1227,8 +1192,6 @@ display:none; font-weight:bold; } - - #home.logged_out h1 { display:none; } @@ -1271,7 +1234,6 @@ font-weight:bold; text-align:center; } - #testimonials { clear:both; }