Knowledge Base

Answers to Common liveSite Questions

Back to Knowledge Base

 
Site Design

How do I add rounded corner effects to all liveSite Theme elements?

You would add this to your Theme's Advanced Styling, and remove or modify to suit your taste.

This CSS code has been updated to support liveSite v8.5+

/* add rounded corner styling to all additional Custom Formats and Dialog Windows */
td.text-annotate, p.text-annotate, span.text-annotate,
td.text-box-primary, p.text-box-primary, span.text-box-primary, p.paragraph-box-primary,
td.text-box-secondary, p.text-box-secondary, span.text-box-secondary, p.paragraph-box-secondary,
td.text-box-warning, p.text-box-warning, span.text-box-warning, p.paragraph-box-warning,
text-box-notice, p.text-box-notice, span.text-box-notice, p.paragraph-box-notice,
a.link-content-more,
a.link-content-more:link,
a.link-content-more:active,
a.link-content-more:visited,
table.table-primary,
table.table-secondary,
.software_fieldset,
div.software.ui-dialog,
ul.list-accordion a.item_heading,
ol.list-accordion
{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
li.link-menu-item, p.link-menu-item, a.link-menu-item
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* create rounded form list view pagination buttons */
.software_pagination span,
.software_pagination a
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
/* add rounded corners to advanced search and browse panels */
.software_form_list_view .browse_filter_container
{
    border-radius: 0px 7px 7px 7px;
    -moz-border-radius: 0px 7px 7px 7px;
    -webkit-border-radius: 0px 7px 7px 7px;
}
.software_form_list_view .advanced
{
    border-radius: 7px 0px 7px 7px;
    -moz-border-radius: 7px 0px 7px 7px;
    -webkit-border-radius: 7px 0px 7px 7px;
}
.software_form_list_view .browse,
.software_form_list_view .advanced_enabled .search,
.software_form_list_view .browse_enabled .search {
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    padding: 0.5em;
}
.software_form_list_view .browse_expanded .browse,
.software_form_list_view .advanced_expanded .search
{
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
}

 


 
Add Feedback:
Was this page helpful? Please let us know how we can improve it.
Please login or register to add your feedback.