API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 15th, 2018
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
SAS 9.24 KB | None | 0 0
raw download clone embed print report
  1. body
  2.     .ui-checkboxradio-label
  3.         cursor: pointer
  4.         text-align: left !important
  5.         .ui-checkboxradio-icon
  6.             position: relative
  7.             border: 1px solid $color-orange
  8.             width: 18px
  9.             height: 18px
  10.             display: inline-block
  11.             transition: .25s ease
  12.             cursor: pointer
  13.             margin-right: 10px
  14.             .svg-inline--fa
  15.                 position: absolute
  16.                 display: none
  17.                 font-size: 10px
  18.                 margin: auto
  19.                 top: 0
  20.                 left: 0
  21.                 bottom: 0
  22.                 right: 0
  23.                 width: 10px
  24.                 height: 10px
  25.                 color: $color-white
  26.                 line-height: 0
  27.                 cursor: pointer
  28.             &.ui-state-checked .svg-inline--fa
  29.                 display: inline
  30.             &:hover
  31.                 background: #ffebd5
  32.         .ui-state-checked
  33.             background-color: $color-orange
  34.             &:hover
  35.                 background-color: $color-orange
  36.    
  37.     div.ui-helper-hidden-accessible
  38.         display: none
  39.     .ui-menu-item
  40.         position: relative
  41.         label
  42.             margin: 0
  43.             padding: 0
  44.             height: 100%
  45.             width: 100%
  46.             display: block
  47.             position: absolute
  48.             .ui-checkboxradio-icon
  49.                 position: absolute
  50.                 box-shadow: inset 1px 1px 1px #ccc
  51.                 border-radius: .12em
  52.                 border: none
  53.                 width: 16px
  54.                 height: 16px
  55.         .checkbox-currentItem-multiple
  56.             display: none
  57.                
  58.     .ui-menu
  59.         position: absolute
  60.         background-color: $color-white
  61.         padding: 5px 10px
  62.         border: 1px solid $color-orange
  63.         border-top: none
  64.         li
  65.             cursor: pointer
  66.             transition: .25s ease
  67.             &:hover
  68.                 background-color: #e9e9e9
  69.        
  70.     .custom-combobox-menu
  71.         font-family: $light-font
  72.         border: none !important
  73.         box-shadow: 0 0 2px $color-orange
  74.         .ui-menu-item
  75.             border: none
  76.             .ui-menu-item-wrapper
  77.                 border: none !important
  78.                 margin: 0
  79.                 &.ui-state-active
  80.                     background-color: $blue-hue
  81.                     border: none !important
  82.                    
  83.    
  84.     // CUSTOM TABS
  85.     .custom-tabs.ui-widget-content
  86.         border: none
  87.         padding: 0
  88.         font-family: $default-font
  89.         .ui-tabs-nav
  90.             border-radius: 0
  91.             border: none
  92.             border-bottom: 1px solid #525252
  93.             padding: 0
  94.             background-color: $color-white
  95.             white-space: nowrap
  96.             .ui-tabs-tab
  97.                 border: none
  98.                 background-color: transparent
  99.                 &.ui-tabs-active
  100.                     a
  101.                         color: $color-orange
  102.                         border-bottom: 2px solid $color-orange
  103.                    
  104.                 a
  105.                     transition: .25s ease
  106.                     border-bottom: 2px solid transparent
  107.                     padding: 0 15px 5px 15px
  108.                 .ui-tabs-anchor
  109.                     background: transparent
  110.                     padding-top: 0
  111.         .ui-tabs-panel
  112.             padding: 20px 0 0 0
  113.            
  114.     // messages tabs
  115.     .tab-messages-user
  116.         .ui-tabs-nav
  117.             display: flex
  118.             justify-content: space-between
  119.             border-bottom: none !important
  120.             .ui-tab
  121.                 width: 100%
  122.                 background-color: #e6e6e6 !important
  123.                 margin: 0
  124.                 .ui-tabs-anchor
  125.                     color: #525252 !important
  126.                     width: 100%
  127.                     border-bottom: none !important
  128.                     padding: 10px !important
  129.                 &.ui-tabs-active
  130.                     background-color: $blue-hue !important
  131.                     .ui-tabs-anchor
  132.                         color: $color-white !important
  133.         .ui-tabs-panel
  134.             padding: 0 !important
  135.     // search-full-events tabs
  136.     .tabs-type-search-hack
  137.         .ui-tabs-nav
  138.             border-bottom: none!important
  139.             .ui-tab
  140.                 margin-right: 20px
  141.                 .ui-tabs-anchor
  142.                     padding: 0 0 5px 0!important
  143.  
  144.                 &.ui-tabs-active
  145.                    
  146.                     .ui-tabs-anchor
  147.                    
  148.         .ui-tabs-panel
  149.        
  150.            
  151.    
  152.     // SIMPLY CUSTOM SELECT
  153.     .simply-custom-select
  154.         display: none
  155.     .simply-custom-select + .ui-selectmenu-button
  156.         position: relative
  157.         width: auto
  158.         font-family: $default-font
  159.         border-radius: 0
  160.         outline: none
  161.         color: #525252
  162.         padding: 5px 10px
  163.         &:active
  164.             background: #ededed
  165.             border: 1px solid #ccc
  166.             color: #525252
  167.         .ui-selectmenu-icon
  168.             .svg-inline--fa
  169.                 position: absolute
  170.                 top: 50%
  171.                 right: 3%
  172.                 transform: translateY(-50%)
  173.     .menu-simply-custom-select
  174.         .ui-menu
  175.             max-height: 200px
  176.             padding: 5px
  177.             .ui-menu-item
  178.                 .ui-menu-item-wrapper
  179.                     font-family: $default-font
  180.                     color: #525252
  181.                     &.ui-state-active
  182.                         background-color: $blue-hue
  183.                         color: $color-white
  184.                         border: none
  185.  
  186.  
  187.  
  188.     // SIMPLY CUSTOM SELECT INIT
  189.     .simply-custom-select-init
  190.         display: none
  191.     .simply-custom-select-init + .ui-selectmenu-button
  192.         position: relative
  193.         width: auto
  194.         font-family: $default-font
  195.         border-radius: 0
  196.         outline: none
  197.         color: #525252
  198.         padding: 5px 10px
  199.         border: none
  200.         box-shadow: 0px 0px 2px $blue-hue
  201.         background-color: transparent
  202.         &:active
  203.             background: #ededed
  204.             color: #525252
  205.             border: none
  206.         .ui-selectmenu-icon
  207.             .svg-inline--fa
  208.                 position: absolute
  209.                 top: 50%
  210.                 right: 3%
  211.                 transform: translateY(-50%)
  212.     .menu-simply-custom-select
  213.         .ui-menu
  214.             max-height: 200px
  215.             padding: 5px
  216.             border: none
  217.             box-shadow: 0px 0px 2px $blue-hue
  218.             .ui-menu-item
  219.                 .ui-menu-item-wrapper
  220.                     font-family: $default-font
  221.                     color: #525252
  222.                     &.ui-state-active
  223.                         background-color: $blue-hue
  224.                         color: $color-white
  225.                         border: none
  226.                        
  227.                        
  228.     //  SIMPLE CUSTOM TOOLTIP
  229.     .custom-tooltip-default
  230.         font-family: $default-font
  231.         font-size: 13px
  232.         background-color: #fff0df
  233.         color: #000000
  234.         border: none
  235.         box-shadow: 0 1px 4px rgba(0,84,186,.2)
  236.  
  237.  
  238.     // DEFAULT STYLE TOOLTIP
  239.  
  240.     .ui-tooltip
  241.         &.styling-tooltip
  242.             text-align: center
  243.             width: auto
  244.             max-width: 150px
  245.             display: inline-block
  246.             font-family: $light-font
  247.             font-size: 15px
  248.             background-color: #363d49
  249.             border: none
  250.             border-radius: 3px
  251.             color: $color-white
  252.             .arrow
  253.                 width: 70px
  254.                 height: 16px
  255.                 overflow: hidden
  256.                 position: absolute
  257.                 left: 50%
  258.                 margin-left: -35px
  259.                 bottom: -16px
  260.                 &:after
  261.                     content: ""
  262.                     position: absolute
  263.                     left: 20px
  264.                     top: -20px
  265.                     width: 25px
  266.                     height: 20px
  267.                     background-color: #363d49
  268.                     transform: rotate(45deg)
  269.  
  270.     // CUSTOM CHECKBOX
  271.  
  272.     .wrap-checkbox
  273.         .custom-checkbox.ui-widget
  274.             transition: .25s ease
  275.             outline: none
  276.             font-family: $light-font
  277.             font-size: 16px
  278.             box-shadow: none
  279.             position: relative
  280.             padding: 8px 15px 8px 45px
  281.             border: 1px solid #dcdcdc
  282.             &.ui-state-active
  283.                 background-color: $blue-hue
  284.         .ui-helper-hidden-accessible
  285.             display: none
  286.         .ui-checkboxradio-icon-space
  287.             display: none
  288.             &.ui-state-active
  289.                 background-color: $blue-hue
  290.         .ui-checkboxradio-icon
  291.             position: absolute
  292.             top: 50%
  293.             left: 10px
  294.             transform: translateY(-50%)
  295.             margin: 0
  296.         .text-checkbox
  297.             font-family: $default-font
  298.             font-size: 14px
  299.  
  300.     // CUSTOM MULTIPLE SELECT
  301.     .custom-multiple-select
  302.         display: none
  303.     .custom-limited-select
  304.         display: block
  305.         width: 100%
  306.         &.open
  307.             .search-txt
  308.                 border-radius: 0
  309.                 padding: 5px 10px
  310.                 font-size: 16px
  311.             .optWrapper
  312.                 li
  313.                     &.selected
  314.                         span
  315.                             i
  316.                                 background-color: $color-orange !important
  317.         label
  318.             margin: 0 !important
  319.         &.open
  320.             .CaptionCont
  321.                 box-shadow: 0 0 2px $color-orange !important
  322.         .CaptionCont
  323.             padding: 0
  324.             margin: 0 !important
  325.             border-radius: 0
  326.             border: none
  327.             position: relative
  328.             outline: none
  329.             transition: .25s ease
  330.             box-shadow: 0 0 2px $blue-hue !important
  331.             &:hover
  332.                 box-shadow: 0 0 2px $color-orange !important
  333.            
  334.             span
  335.                 font-family: $light-font
  336.                 font-style: normal !important
  337.                 font-size: 16px
  338.                 color: #666666 !important
  339.                 text-align: left
  340.                 padding: 5px 10px
  341.                 cursor: text
  342.                 border: none
  343.             label
  344.                 width: auto
  345.                 position: absolute
  346.                 top: 50%
  347.                 right: 3%
  348.                 bottom: auto
  349.                 transform: translateY(-50%)
  350.                 visibility: visible !important
  351.                 z-index: 10
  352.                 .svg-inline--fa
  353.                     color: $color-orange
  354.                     font-size: 16px
  355.         .optWrapper
  356.             border: none
  357.             border-radius: 0
  358.             box-shadow: 0 0 2px $color-orange
  359.             font-family: $light-font
  360.             .options
  361.                 .opt
  362.                     &:hover
  363.                         background-color: $blue-hue
  364.                         color: $color-white
  365.  
  366.     // DEFAULT RADIOBUTTON
  367.     .wrap-button-elem
  368.         input
  369.             &.default-radiobutton
  370.                 display: none
  371.         .default-radiobutton
  372.             padding: 7px 15px 7px 45px
  373.             position: relative
  374.             font-family: $default-font
  375.             font-size: 14px
  376.             border: 1px solid #dcdcdc
  377.             transition: .25s ease
  378.             &:hover
  379.                 border: 1px solid #dcdcdc
  380.                 outline: none
  381.             &.ui-state-active
  382.                 background-color: $blue-hue
  383.                 .ui-checkboxradio-icon
  384.                     width: 18px
  385.                     height: 18px
  386.                 &:hover
  387.                     .ui-checkboxradio-icon
  388.                         width: 18px
  389.                         height: 18px
  390.             .ui-checkboxradio-icon
  391.                 position: absolute
  392.                 top: 50%
  393.                 left: 10px
  394.                 transform: translateY(-50%)
  395.                 margin: 0
  396.             .text-radiobutton
  397.                 display: inline-block
  398.                 margin-top: 3px
  399.  
  400.  
  401.  
  402.    
  403.     // CUSTOM-COMBOBOX (SIMPLE INPUT WITH SEARCH AND SELECT LIST)
  404.     .custom-combobox
  405.         position: relative
  406.         .btn-show-select-combobox
  407.             position: absolute
  408.             top: 50%
  409.             right: 3%
  410.             transform: translateY(-50%)
  411.             .svg-inline--fa
  412.                 font-size: 16px
  413.                 color: $color-orange
  414.  
  415.  
  416. .ui-accordion
  417.     font-family: $default-font
  418.     .title-module
  419.         position: relative
  420.         border-radius: 0
  421.         outline: none
  422.         background-color: $blue-hue
  423.         border: none
  424.         color: $color-white
  425.         transition: .25s ease
  426.         &.ui-accordion-header-active
  427.             color: $color-white
  428.             background-color: #ff8500
  429.         .ui-accordion-header-icon
  430.             line-height: 16px
  431.             position: absolute
  432.             top: 50%
  433.             right: 0
  434.             transform: translateY(-50%)
  435.             text-indent: unset
  436.             margin: 0
  437.             padding: 0
  438.     .ui-accordion-content
  439.         background-color: #dedede
  440.         overflow: visible
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!