X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=theme%2Fdefault%2Fcss%2Fdisplay.css;h=a2f10134283210534a36c9f08a13cc25f9fcf31e;hb=5db40c440dcfa3f9d19f047c003bbcfaeb69dbc9;hp=8799b0b09e69ede23e611f967910fa0a6e6d8023;hpb=9f9ae8c10becc6ba6b2dee9d80db4e73a83c1383;p=quix0rs-gnu-social.git diff --git a/theme/default/css/display.css b/theme/default/css/display.css index 8799b0b09e..a2f1013428 100644 --- a/theme/default/css/display.css +++ b/theme/default/css/display.css @@ -1,7 +1,7 @@ /** theme: default * * @package StatusNet - * @author Sarven Capadisli + * @author Sarven Capadisli * @copyright 2009 StatusNet, Inc. * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0 * @link http://status.net/ @@ -18,20 +18,38 @@ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; } address { -margin-right:5.7%; +margin-right:5.3%; +} +input, textarea, select { +border-width:2px; +border-style: solid; +border-radius:4px; +-moz-border-radius:4px; +-webkit-border-radius:4px; } - input, textarea, select, option { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } input, textarea, select, -.entity_remote_subscribe { +.entity_actions .dialogbox input, +.mark-top { border-color:#AAAAAA; } + +.form_settings fieldset fieldset { +background:rgba(240, 240, 240, 0.2); +box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3); +-moz-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3); +-webkit-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3); +} + #filter_tags ul li, .entity_send-a-message .form_notice, .pagination .nav_prev a, -.pagination .nav_next a { +.pagination .nav_next a, +.form_settings fieldset fieldset, +.entity_moderation:hover ul, +.dialogbox { border-color:#DDDDDD; } @@ -39,21 +57,17 @@ border-color:#DDDDDD; background:none; } -input.submit, .form_notice.warning #notice_text-count, -.form_settings .form_note, -.entity_remote_subscribe, -.entity_actions .form_notice input.submit { +.form_settings .form_note { background-color:#9BB43E; } input.submit, .form_notice.warning #notice_text-count, .form_settings .form_note, -.entity_remote_subscribe, .entity_actions a, .entity_actions input, -button.close { -background-color:#9BB43E; +.entity_moderation p, +button { box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); @@ -68,30 +82,61 @@ input:focus, textarea:focus, select:focus, .form_notice.warning #notice_data-text, .form_notice.warning #notice_text-count, .form_settings .form_note, -.entity_remote_subscribe { +.entity_actions .dialogbox .form_data input:focus { border-color:#9BB43E; } -input.submit, -.entity_remote_subscribe, -.entity_actions .form_notice input.submit { +input.submit { color:#FFFFFF; } +.entity_actions input.submit { +border-color:transparent; +text-shadow:none; +} +.dialogbox .submit_dialogbox, +input.submit, +.form_notice input.submit { +background:#AAAAAA url(../../base/images/illustrations/illu_pattern-01.png) 0 0 repeat-x; +text-shadow:0 1px 0 #FFFFFF; +color:#000000; +border-color:#AAAAAA; +border-top-color:#CCCCCC; +border-left-color:#CCCCCC; +} +.dialogbox .submit_dialogbox:hover, +input.submit:hover { +background-position:0 -5px; +} +.dialogbox .submit_dialogbox:focus, +input.submit:focus { +background-position:0 -15px; +box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1); +-moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1); +-webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1); +text-shadow:none; +} + +.form_notice label[for=notice_data-geo] { +background-position:0 -1780px; +} +.form_notice label[for=notice_data-geo].checked { +background-position:0 -1846px; +} a, .form_settings input.form_action-primary, .notice-options input, .entity_actions a, -.entity_actions input { +.entity_actions input, +.entity_moderation p { color:#002FA7; } .notice, -.profile { +.profile, +.application, +#content tbody tr { border-top-color:#C8D1D5; } -.section .profile { -border-top-color:#87B4C8; -} #aside_primary { background-color:#C8D1D5; @@ -100,7 +145,9 @@ background-color:#C8D1D5; #notice_text-count { color:#333333; } -.form_notice.warning #notice_text-count { +.form_notice.warning #notice_text-count, +.dialogbox, +.entity_actions .dialogbox input { color:#000000; } .form_notice label[for=notice_data-attach] { @@ -128,6 +175,7 @@ opacity:0; .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, @@ -135,17 +183,32 @@ button.close, .form_group_leave input.submit, .form_user_unsubscribe input.submit, .form_group_join input.submit, -.form_user_subscribe input.submit { +.form_user_subscribe input.submit, +.entity_subscribe a, +.entity_moderation p, +.entity_sandbox input.submit, +.entity_silence input.submit, +.entity_delete input.submit, +.notice-options .repeated, +.form_notice label[for=notice_data-geo], +button.minimize, +.form_reset_key input.submit, +.entity_clear input.submit, +.entity_flag input.submit, +.entity_flag p, +.entity_subscribe input.submit { background-image:url(../../base/images/icons/icons-01.gif); background-repeat:no-repeat; background-color:transparent; } -#wrap form.processing input.submit { +#wrap form.processing input.submit, +.entity_actions a.processing, +.dialogbox.processing .submit_dialogbox { background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%; -cursor:wait; -text-indent:-9999px; -outline:none; +} +.notice-options .form_repeat.processing { +background-image:none; } #content { @@ -160,11 +223,13 @@ border-color:transparent; } #content, #site_nav_local_views .current a, -.entity_send-a-message .form_notice { +.entity_send-a-message .form_notice, +.entity_moderation:hover ul, +.dialogbox { background-color:#FFFFFF; } -#site_nav_local_views li { +#site_nav_local_views li.current { box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5); -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5); -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.5); @@ -178,6 +243,12 @@ background-color:rgba(255, 255, 255, 0.7); #site_nav_local_views .current a { text-shadow: rgba(194,194,194,0.5) 1px 1px 1px; } +.processing { +background-image:url(../../base/images/icons/icon_processing.gif); +background-repeat:no-repeat; +background-position:47% 47%; +} + .error { background-color:#F7E8E8; @@ -189,6 +260,9 @@ background-color:#EFF3DC; button.close { background-position:0 -1120px; } +button.minimize { +background-position:0 -1912px; +} #anon_notice { background-color:#87B4C8; @@ -216,7 +290,8 @@ background-position:0 1px; .form_group_join input.submit, .form_group_leave input.submit, .form_user_subscribe input.submit, -.form_user_unsubscribe input.submit { +.form_user_unsubscribe input.submit, +.entity_subscribe a { background-color:#AAAAAA; color:#FFFFFF; } @@ -225,7 +300,8 @@ color:#FFFFFF; background-position:5px -1246px; } .form_group_join input.submit, -.form_user_subscribe input.submit { +.form_user_subscribe input.submit, +.entity_subscribe a { background-position:5px -1181px; } @@ -235,7 +311,9 @@ background-position: 5px -718px; .entity_send-a-message a { background-position: 5px -852px; } -.entity_send-a-message .form_notice { +.entity_send-a-message .form_notice, +.entity_moderation:hover ul, +.dialogbox { box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7); -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7); -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7); @@ -254,6 +332,34 @@ 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; +} +.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_subscribe input.accept { +background-position: 5px -2171px; +} +.entity_subscribe input.reject { +background-position: 5px -2237px; +} /* NOTICES */ .notice .attachment { @@ -274,6 +380,12 @@ background-position:0 -526px; .notice-options .notice_delete { background-position:0 -658px; } +.notice-options form.form_repeat input.submit { +background-position:0 -1582px; +} +.notice-options .repeated { +background-position:0 -1648px; +} .notices div.entry-content, .notices div.notice-options { @@ -283,6 +395,9 @@ opacity:0.4; .notices li:hover div.notice-options { opacity:1; } +.opaque { +opacity:1 !important; +} .notice-options a, .notice-options input { font-family:sans-serif; @@ -290,7 +405,9 @@ box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); } -#content .notices li:hover { +#content .notices li:hover, +#content .applications li:hover, +#content tbody tr:hover { background-color:rgba(240, 240, 240, 0.2); } #conversation .notices li:hover { @@ -328,3 +445,17 @@ background-position:10% -187px; .pagination .nav_next a { background-position:105% -252px; } +.pagination .nav .processing { +background-image:url(../../base/images/icons/icon_processing.gif); +box-shadow:none; +-moz-box-shadow:none; +-webkit-box-shadow:none; +outline:none; +} +.pagination .nav_next a.processing { +background-position:90% 47%; +} +.pagination .nav_prev a.processing { +background-position:10% 47%; +} +