# cool-timeline/trunk/admin/codestar-framework/assets/scss/partials/_widget.scss

Cool Timeline (Horizontal & Vertical Timeline), version trunk. 68 lines.

- Page: https://pluginprobe.com/plugins/cool-timeline/trunk/code/admin/codestar-framework/assets/scss/partials/_widget.scss
- Raw: https://pluginprobe.com/plugins/cool-timeline/trunk/raw/admin/codestar-framework/assets/scss/partials/_widget.scss
- Modified: 2024-12-09T07:33:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/cool-timeline/trunk/code/admin/codestar-framework/assets/scss/partials/_widget.scss#L10-L20`.

```scss
/**
 * 04. Widget
 */
.csf-widgets{

  > .csf-field{
    position: relative;
    top: -1px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 12px 15px;

    .csf-title{
      float: none;
      width: 100%;
      margin-bottom: 5px;
    }

    .csf-fieldset{
      float: none;
      width: 100%;
    }
  }

  .csf-field-text input{
    width: 100%;
  }

  .csf-field-notice .csf-notice{
    padding: 15px;
  }
}

.control-section{

  .csf-widgets{

    > .csf-field{
      margin-left: -10px;
      margin-right: -10px;
      padding: 10px 12px;
    }
  }
}

.wp-block{

  .csf-widgets{
    font-size: 13px;

    > .csf-field{
      margin-left: -10px;
      margin-right: -10px;

      .button-primary{
        color: #fff;
      }

      > .csf-title{

        > h4{
          font-size: 13px;
        }
      }
    }
  }
}

```