Scribd Logo
Upload

Welcome to Scribd!

  • Jquery - Scrolling Tabs

    Uploaded by

    Elias Vieira
    90 views2 pages
    This document contains CSS code for creating scrolling tabs functionality. It defines styles for the tab container, fixed container holding tabs, movable container for tabs, tab scroll arrows, and tab content areas. Styles are set for properties like height, width, positioning, borders, colors, and more to enable the tabs to scroll horizontally and function properly.

    Original Description:

    Jquery.scrolling Tabs

    Original Title

    Jquery.scrolling Tabs

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains CSS code for creating scrolling tabs functionality. It defines styles for the tab container, fixed container holding tabs, movable container for tabs, tab scroll arrows, and tab content areas. Styles are set for properties like height, width, positioning, borders, colors, and more to enable the tabs to scroll horizontally and function properly.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    90 views2 pages

    Jquery - Scrolling Tabs

    Uploaded by

    Elias Vieira
    This document contains CSS code for creating scrolling tabs functionality. It defines styles for the tab container, fixed container holding tabs, movable container for tabs, tab scroll arrows, and tab content areas. Styles are set for properties like height, width, positioning, borders, colors, and more to enable the tabs to scroll horizontally and function properly.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    /**

    * jquery-bootstrap-scrolling-tabs
    * @version v0.0.3
    * @link https://github.com/mikejacobson/jquery-bootstrap-scrolling-tabs
    * @author Mike Jacobson <michaeljjacobson1@gmail.com>
    * @license MIT License, http://www.opensource.org/licenses/MIT
    */
    /* line 13, jquery.scrolling-tabs.scss */
    .scrtabs-tab-container * {
    box-sizing: border-box;
    }
    /* line 17, jquery.scrolling-tabs.scss */
    .scrtabs-tab-container {
    height: 42px;
    }
    /* line 19, jquery.scrolling-tabs.scss */
    .scrtabs-tab-container .tab-content {
    clear: left;
    }
    /* line 24, jquery.scrolling-tabs.scss */
    .scrtabs-tabs-fixed-container {
    float: left;
    height: 42px;
    overflow: hidden;
    width: 100%;
    }
    /* line 31, jquery.scrolling-tabs.scss */
    .scrtabs-tabs-movable-container {
    position: relative;
    }
    /* line 33, jquery.scrolling-tabs.scss */
    .scrtabs-tabs-movable-container .tab-content {
    display: none;
    }
    /* line 38, jquery.scrolling-tabs.scss */
    .scrtabs-tab-scroll-arrow {
    border: 1px solid #dddddd;
    border-top: none;
    color: #428bca;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 42px;
    margin-bottom: -1px;
    padding-left: 2px;
    padding-top: 13px;
    width: 20px;
    }
    /* line 50, jquery.scrolling-tabs.scss */
    .scrtabs-tab-scroll-arrow:hover {
    background-color: #eeeeee;
    }
    /* line 55, jquery.scrolling-tabs.scss */
    .scrtabs-tabs-fixed-container ul.nav-tabs {
    height: 41px;

    }
    /* line 57, jquery.scrolling-tabs.scss */
    .scrtabs-tabs-fixed-container ul.nav-tabs > li {
    white-space: nowrap;
    }
    /* line 63, jquery.scrolling-tabs.scss */
    .scrtabs-tab-content-outside-movable-container .nav-tabs {
    display: none;
    }

    You might also like