Home / Forums / DynamiX Support / Tutorial ”Use Dark Drop Panel” (with activated child theme)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts

  • keyhanjun
    Participant
    Hi Andy,

     

    I realized that the given tutorial "Use Dark Drop Panel" do not work when we use the Child theme of DynamiX.

     

     

    Please add the following variant for users who uses the child theme:

     

    /** Dark Drop Panel *********************************/

    #panel {background: #222;color:#ccc;}

    #panel .widgetlinks, #panel .menu { background:url(../DynamiX/stylesheets/images/break-a-dark.png) bottom left repeat-x;}

    #panel .widgetlinks li, #panel .menu li {background:url(../DynamiX/stylesheets/images/break-a-dark.png) top left repeat-x;}

    .tab-wrap {background: url(../DynamiX/stylesheets/images/panel-tab-a-grey.png) repeat-x 0 0;}

    .tab ul.panelswitch li.left {background: url(../DynamiX/stylesheets/images/panel-tab-l-grey.png) no-repeat left 0;}

    .tab ul.panelswitch li.right {background: url(../DynamiX/stylesheets/images/panel-tab-r-grey.png) no-repeat left 0;}

    .tab ul.panelswitch li {background: url(../DynamiX/stylesheets/images/panel-tab-m-grey.png) repeat-x 0 0;}

    .tab #toggle .trigger { background:url(../DynamiX/stylesheets/images/break-c-grey.png) repeat-y left;}

    .tab a.open {background-image:url(../DynamiX/stylesheets/images/button-a-grey.png);}

    .tab a.close {background-image:url(../DynamiX/stylesheets/images/button-a-grey.png);}

    #panel .hozbreak { background:url(../DynamiX/stylesheets/images/break-a-dark.png) center repeat-x;}

    #panel .blockquote_line, .blockquote_quotes, blockquote, #panel .blockquote_line, #panel .blockquote_quotes, #panel blockquote {color:#ccc;}

    #panel .blockquote_quotes .quote.left {background:url(../DynamiX/stylesheets/images/quote-open-dark.png) no-repeat top left;}

    #panel .blockquote_quotes .quote.right {background:url(../DynamiX/stylesheets/images/quote-close-dark.png) no-repeat bottom right;}

    /** / Dark Drop Panel *********************************/

     

    /** Dark Top Panel Forms *********************************/

    #toppanel pre, #toppanel input[type=text],#toppanel input[type=password],#toppanel input[type=file], #toppanel textarea {

    background:#2b2b2b url(../DynamiX/stylesheets/images/shadow-h.png) top repeat-x;

    border: 1px solid;

    color:#ccc;

    border-color:#1c1c1c #3b3b3b #3b3b3b #1c1c1c;

    }

    /** / Dark Top Panel Forms *********************************/

     

    Hope this helps. 😉
    Andy
    Andy
    Keymaster

    Thanks, I'll be revamping all the how to's soon 🙂

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.