Skip to:
Content

BuddyPress.org

Ticket #6318: 6318-03.patch

File 6318-03.patch, 2.4 KB (added by hnla, 5 years ago)

Add tab animation colour change and opacity

  • src/bp-xprofile/admin/css/admin.css

     
    11/* Profile field group main admin page */
     2@-o-keyframes tab-throb {
     3    from { box-shadow: 0 0 10px #1e8cbe; }
     4    50%  { box-shadow: 0 0 0    #1e8cbe; }
     5    to   { box-shadow: 0 0 10px #1e8cbe; }
     6}
    27@-webkit-keyframes tab-throb {
    38    from { box-shadow: 0 0 10px #1e8cbe; }
    4     50% { box-shadow: 0 0 00px #1e8cbe; }
    5     to { box-shadow: 0 0 10px #1e8cbe; }
     9    50%  { box-shadow: 0 0 0    #1e8cbe; }
     10    to   { box-shadow: 0 0 10px #1e8cbe; }
    611}
     12
    713@-moz-keyframes tab-throb {
    814    from { box-shadow: 0 0 10px #1e8cbe; }
    9     50% { box-shadow: 0 0 00px #1e8cbe; }
    10     to { box-shadow: 0 0 10px #1e8cbe; }
     15    50%  { box-shadow: 0 0 0    #1e8cbe; }
     16    to   { box-shadow: 0 0 10px #1e8cbe; }
    1117}
    1218
     19@keyframes tab-throb {
     20    from { box-shadow: 0 0 10px #1e8cbe; }
     21    50%  { box-shadow: 0 0 0    #1e8cbe; }
     22    to   { box-shadow: 0 0 10px #1e8cbe; }
     23}
     24@keyframes tab-throb-drop {
     25    from { box-shadow: 0 0 10px red; }
     26    50%  { box-shadow: 0 0 0    red; }
     27    to   { box-shadow: 0 0 10px red; }
     28}
    1329#profile-field-form {
    1430        margin-top: 12px;
    1531}
     
    3854                }
    3955                ul#field-group-tabs li.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
    4056                        -webkit-animation: tab-throb 2s infinite;
     57                        -moz-animation: tab-throb 2s infinite;
     58                        -o-animation: tab-throb 2s infinite;
    4159                        animation: tab-throb 2s infinite;
    4260                }
     61                ul#field-group-tabs li.drop-candidate.ui-state-acceptable:not(.ui-state-active) a.ui-tab {
     62                        -webkit-animation: tab-throb-drop 2s infinite;
     63                        -moz-animation: tab-throb-drop 2s infinite;
     64                        -o-animation: tab-throb-drop 2s infinite;
     65                        animation: tab-throb-drop 2s infinite;
     66                }
    4367                ul#field-group-tabs li.drop-candidate a.ui-tab {
    4468                        background-color: transparent;
    4569                        border-color: #000 #000 #ccc #000;
     
    6084                /* Selected tab */
    6185                ul#field-group-tabs li.ui-state-active a.ui-tab {
    6286                        background-color: #fff;
    63                         margin-top: 0px;
     87                        margin-top: 0;
    6488                        padding: 7px 10px 7px;
    6589                        border-bottom: 1px solid transparent;
    6690                        color: #000;
     
    123147                        left: 10px;
    124148                        padding: 0;
    125149                }
     150        .field-group  .ui-sortable-helper  {opacity: .7 !important;}
    126151        fieldset.radio div div label,
    127152        fieldset.checkbox div label {
    128153                margin-right: 20px;