Style-Optimizatins

  • Resolved dirkliesenfeld

    (@dirkliesenfeld)


    2 years, 4 months ago

    JFYI: I have added some very nice eyecandies. Anyone interested:

    <style>
.lightweight-accordion .lightweight-accordion-title {background: #E6D7C3 !important;border-radius:10px 10px 0 0;}
.lightweight-accordion-body {background-image: linear-gradient(#E6D7C3, #FFF7E9);}
.lightweight-accordion details[open] summary ~ * {animation: lwopen 1s ease-in-out !important;}
.has-small-font-size {font-size: unset !important;}
.lightweight-accordion-title::after {content:"?";font-size: 1.1em;float: right;clear:both;}
details[open] .lightweight-accordion-title::after {content:"?";font-size: 1.1em;float: right;clear:both;}
</style>

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Andy Feliciotti

    (@someguy9)

    Love the creativity @dirkliesenfeld! Thanks for sharing with us. Maybe I’ll make a page showing off the best uses!

    Thread Starter dirkliesenfeld

    (@dirkliesenfeld)

    That would be awesome. In that case, I will also give you another slight variation of my first styling:

    <style>
.lightweight-accordion .lightweight-accordion-title {background: #E6D7C3 !important;border-radius:10px 10px 0 0;}
.lightweight-accordion-title span{margin-left:5px;}
.lightweight-accordion-body {background-image: linear-gradient(#E6D7C3, #FFF7E9);}
.lightweight-accordion details[open] summary ~ * {animation: lwopen 1s ease-in-out !important;}
.has-small-font-size {font-size: unset !important;}
.lightweight-accordion-title::marker{content:"?";font-size: 1.1em;float: left;clear:both;}
details[open] .lightweight-accordion-title::marker{content:"?";font-size: 1.1em;float: left;clear:both;}
</style>

    Thank you @dirkliesenfeld this is exactly what I was looking for. I was struggling to work out how to amend the marker and this is ideal.

    Thread Starter dirkliesenfeld

    (@dirkliesenfeld)

    Nice ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Style-Optimizatins’ is closed to new replies.