Updated the styles for action icons

This commit is contained in:
Sarven Capadisli 2009-11-08 18:41:03 +01:00
parent 6687346dd0
commit 0f55135b52
6 changed files with 89 additions and 38 deletions

View File

@ -618,7 +618,7 @@ font-style:italic;
.entity_actions { .entity_actions {
float:right; float:right;
margin-left:2.35%; margin-left:2.35%;
max-width:25%; width:22%;
} }
.entity_actions h2 { .entity_actions h2 {
display:none; display:none;
@ -627,7 +627,7 @@ display:none;
list-style-type:none; list-style-type:none;
} }
.entity_actions li { .entity_actions li {
margin-bottom:4px; margin-bottom:7px;
} }
.entity_actions li:first-child { .entity_actions li:first-child {
border-top:0; border-top:0;
@ -662,23 +662,17 @@ border-radius:4px;
-webkit-border-radius:4px; -webkit-border-radius:4px;
} }
.form_user_block input.submit, .entity_actions a,
.form_user_unblock input.submit, .entity_actions input,
.form_group_block input.submit, .entity_actions p {
.form_group_unblock input.submit,
.entity_send-a-message a,
.entity_edit a,
.form_user_nudge input.submit,
.entity_nudge p,
.form_make_admin input.submit {
border:0; border:0;
padding-left:20px; padding-left:23px;
} }
.entity_edit a, .entity_edit a,
.entity_send-a-message a, .entity_send-a-message a,
.entity_nudge p { .entity_nudge p {
padding:4px 4px 4px 23px; padding:4px 4px 4px 26px;
} }
.entity_remote_subscribe { .entity_remote_subscribe {
@ -696,8 +690,8 @@ margin-bottom:18px;
.entity_send-a-message button { .entity_send-a-message button {
position:absolute; position:absolute;
top:0; top:3px;
right:0; right:3px;
} }
.entity_send-a-message .form_notice { .entity_send-a-message .form_notice {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 B

View File

@ -37,19 +37,32 @@ border-color:#DDDDDD;
background:none; background:none;
} }
input.submit,
.form_notice.warning #notice_text-count,
.form_settings .form_note,
.entity_remote_subscribe,
.entity_actions .form_notice input.submit {
background-color:#9BB43E;
}
input.submit, input.submit,
.form_notice.warning #notice_text-count, .form_notice.warning #notice_text-count,
.form_settings .form_note, .form_settings .form_note,
.entity_remote_subscribe, .entity_remote_subscribe,
.entity_actions a, .entity_actions a,
.entity_actions input, .entity_actions input,
.entity_actions p { .entity_actions p,
button.close {
background-color:#9BB43E; background-color:#9BB43E;
box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
-moz-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); -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
} }
.entity_actions a,
.entity_actions input,
.entity_actions p {
border-color:transparent;
background-color:transparent;
}
input:focus, textarea:focus, select:focus, input:focus, textarea:focus, select:focus,
.form_notice.warning #notice_data-text, .form_notice.warning #notice_data-text,
.form_notice.warning #notice_text-count, .form_notice.warning #notice_text-count,
@ -58,7 +71,8 @@ input:focus, textarea:focus, select:focus,
border-color:#9BB43E; border-color:#9BB43E;
} }
input.submit, input.submit,
.entity_remote_subscribe { .entity_remote_subscribe,
.entity_actions .form_notice input.submit {
color:#FFFFFF; color:#FFFFFF;
} }
@ -72,7 +86,10 @@ div.notice-options input,
.form_user_nudge input.submit, .form_user_nudge input.submit,
.entity_nudge p, .entity_nudge p,
.form_settings input.form_action-primary, .form_settings input.form_action-primary,
.form_make_admin input.submit { .form_make_admin input.submit,
.entity_actions a,
.entity_actions input,
.entity_actions p {
color:#002FA7; color:#002FA7;
} }
@ -122,7 +139,11 @@ opacity:0;
#new_group a, #new_group a,
.pagination .nav_prev a, .pagination .nav_prev a,
.pagination .nav_next a, .pagination .nav_next a,
button.close { button.close,
.form_group_leave input.submit,
.form_user_unsubscribe input.submit,
.form_group_join input.submit,
.form_user_subscribe input.submit {
background-image:url(../../base/images/icons/icons-01.png); background-image:url(../../base/images/icons/icons-01.png);
background-repeat:no-repeat; background-repeat:no-repeat;
background-color:transparent; background-color:transparent;
@ -201,7 +222,7 @@ background-position:0 1px;
} }
.form_group_join input.submit, .form_group_join input.submit,
.form_group_leave input.submit .form_group_leave input.submit,
.form_user_subscribe input.submit, .form_user_subscribe input.submit,
.form_user_unsubscribe input.submit { .form_user_unsubscribe input.submit {
background-color:#9BB43E; background-color:#9BB43E;
@ -212,12 +233,20 @@ color:#FFFFFF;
.form_user_authorization input.reject { .form_user_authorization input.reject {
background-color:#87B4C8; background-color:#87B4C8;
} }
.form_group_leave input.submit,
.form_user_unsubscribe input.submit {
background-position:5px -1246px;
}
.form_group_join input.submit,
.form_user_subscribe input.submit {
background-position:5px -1181px;
}
.entity_edit a { .entity_edit a {
background-position: 0 -718px; background-position: 5px -718px;
} }
.entity_send-a-message a { .entity_send-a-message a {
background-position: 0 -849px; background-position: 5px -849px;
} }
.entity_send-a-message .form_notice { .entity_send-a-message .form_notice {
box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7); box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
@ -227,16 +256,16 @@ box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
.entity_nudge p, .entity_nudge p,
.form_user_nudge input.submit { .form_user_nudge input.submit {
background-position: 0 -785px; background-position: 5px -785px;
} }
.form_user_block input.submit, .form_user_block input.submit,
.form_user_unblock input.submit, .form_user_unblock input.submit,
.form_group_block input.submit, .form_group_block input.submit,
.form_group_unblock input.submit { .form_group_unblock input.submit {
background-position: 0 -918px; background-position: 5px -918px;
} }
.form_make_admin input.submit { .form_make_admin input.submit {
background-position: 0 -983px; background-position: 5px -983px;
} }
/* NOTICES */ /* NOTICES */

View File

@ -37,19 +37,31 @@ border-color:#DDDDDD;
background:none; background:none;
} }
input.submit,
.form_notice.warning #notice_text-count,
.form_settings .form_note,
.entity_remote_subscribe,
.entity_actions .form_notice input.submit {
background-color:#9BB43E;
}
input.submit, input.submit,
.form_notice.warning #notice_text-count, .form_notice.warning #notice_text-count,
.form_settings .form_note, .form_settings .form_note,
.entity_remote_subscribe, .entity_remote_subscribe,
.entity_actions a, .entity_actions a,
.entity_actions input, .entity_actions input,
.entity_actions p { .entity_actions p,
background-color:#9BB43E; button.close {
box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3); box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
-moz-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); -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
} }
.entity_actions a,
.entity_actions input,
.entity_actions p {
border-color:transparent;
background-color:transparent;
}
input:focus, textarea:focus, select:focus, input:focus, textarea:focus, select:focus,
.form_notice.warning #notice_data-text, .form_notice.warning #notice_data-text,
.form_notice.warning #notice_text-count, .form_notice.warning #notice_text-count,
@ -58,7 +70,8 @@ input:focus, textarea:focus, select:focus,
border-color:#9BB43E; border-color:#9BB43E;
} }
input.submit, input.submit,
.entity_remote_subscribe { .entity_remote_subscribe,
.entity_actions .form_notice input.submit {
color:#FFFFFF; color:#FFFFFF;
} }
@ -72,7 +85,10 @@ div.notice-options input,
.form_user_nudge input.submit, .form_user_nudge input.submit,
.entity_nudge p, .entity_nudge p,
.form_settings input.form_action-primary, .form_settings input.form_action-primary,
.form_make_admin input.submit { .form_make_admin input.submit,
.entity_actions a,
.entity_actions input,
.entity_actions p {
color:#002FA7; color:#002FA7;
} }
@ -122,7 +138,11 @@ opacity:0;
#new_group a, #new_group a,
.pagination .nav_prev a, .pagination .nav_prev a,
.pagination .nav_next a, .pagination .nav_next a,
button.close { button.close,
.form_group_leave input.submit,
.form_user_unsubscribe input.submit,
.form_group_join input.submit,
.form_user_subscribe input.submit {
background-image:url(../../base/images/icons/icons-01.png); background-image:url(../../base/images/icons/icons-01.png);
background-repeat:no-repeat; background-repeat:no-repeat;
background-color:transparent; background-color:transparent;
@ -201,7 +221,7 @@ background-position:0 1px;
} }
.form_group_join input.submit, .form_group_join input.submit,
.form_group_leave input.submit .form_group_leave input.submit,
.form_user_subscribe input.submit, .form_user_subscribe input.submit,
.form_user_unsubscribe input.submit { .form_user_unsubscribe input.submit {
background-color:#9BB43E; background-color:#9BB43E;
@ -212,12 +232,20 @@ color:#FFFFFF;
.form_user_authorization input.reject { .form_user_authorization input.reject {
background-color:#87B4C8; background-color:#87B4C8;
} }
.form_group_leave input.submit,
.form_user_unsubscribe input.submit {
background-position:5px -1246px;
}
.form_group_join input.submit,
.form_user_subscribe input.submit {
background-position:5px -1181px;
}
.entity_edit a { .entity_edit a {
background-position: 0 -718px; background-position: 5px -718px;
} }
.entity_send-a-message a { .entity_send-a-message a {
background-position: 0 -849px; background-position: 5px -849px;
} }
.entity_send-a-message .form_notice { .entity_send-a-message .form_notice {
box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7); box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
@ -227,16 +255,16 @@ box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
.entity_nudge p, .entity_nudge p,
.form_user_nudge input.submit { .form_user_nudge input.submit {
background-position: 0 -785px; background-position: 5px -785px;
} }
.form_user_block input.submit, .form_user_block input.submit,
.form_user_unblock input.submit, .form_user_unblock input.submit,
.form_group_block input.submit, .form_group_block input.submit,
.form_group_unblock input.submit { .form_group_unblock input.submit {
background-position: 0 -918px; background-position: 5px -918px;
} }
.form_make_admin input.submit { .form_make_admin input.submit {
background-position: 0 -983px; background-position: 5px -983px;
} }
/* NOTICES */ /* NOTICES */