API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 20th, 2018
68
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.40 KB | None | 0 0
raw download clone embed print report
  1.  
  2. .site-menubar {
  3.     position: fixed;
  4.     top: 66.01px;
  5.     z-index: 1400;
  6.     height: 100%;
  7.     height: -webkit-calc(100% - 66.01px);
  8.     height: calc(100% - 66.01px);
  9.     font-family: Roboto,sans-serif;
  10.     color: rgba(117,117,117,.9);
  11.     background: #fff;
  12.     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
  13.     box-shadow: 0 2px 4px rgba(0,0,0,.08)
  14. }
  15.  
  16. .site-menubar-body {
  17.     height: 100%;
  18.     height: -webkit-calc(100% - 76px);
  19.     height: calc(100% - 76px)
  20. }
  21.  
  22. .site-menubar ul {
  23.     padding: 0;
  24.     margin: 0;
  25.     list-style: none
  26. }
  27.  
  28. .site-menubar a {
  29.     outline: 0
  30. }
  31.  
  32. .site-menubar a:focus,.site-menubar a:hover {
  33.     text-decoration: none
  34. }
  35.  
  36. .site-menubar .scrollable-inverse.scrollable .scrollable-bar-handle {
  37.     background: rgba(158,158,158,.6)
  38. }
  39.  
  40. .site-menubar.site-menubar-dark {
  41.     background: #212121;
  42.     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
  43.     box-shadow: 0 2px 4px rgba(0,0,0,.08)
  44. }
  45.  
  46. .site-menubar-section {
  47.     padding: 0 30px;
  48.     margin-top: 50px;
  49.     margin-bottom: 50px
  50. }
  51.  
  52. .site-menubar-section>h4,.site-menubar-section>h5 {
  53.     color: #757575
  54. }
  55.  
  56. .site-menubar-section .progress:last-child {
  57.     margin-bottom: 0
  58. }
  59.  
  60. .site-menubar-footer {
  61.     position: fixed;
  62.     bottom: 0;
  63.     z-index: 1400;
  64.     display: block
  65. }
  66.  
  67. .site-menubar-footer>a {
  68.     display: block;
  69.     float: left;
  70.     width: 33.333333%;
  71.     height: 76px;
  72.     padding: 26px 0;
  73.     font-size: 16px;
  74.     color: #757575;
  75.     text-align: center;
  76.     background-color: #e0e0e0
  77. }
  78.  
  79. .site-menubar-footer>a:focus,.site-menubar-footer>a:hover {
  80.     background-color: #d3d3d3
  81. }
  82.  
  83. .site-menubar-dark .site-menubar-footer>a {
  84.     background-color: #21292e
  85. }
  86.  
  87. .site-menubar-dark .site-menubar-footer>a:focus,.site-menubar-dark .site-menubar-footer>a:hover {
  88.     background-color: #1e2427
  89. }
  90.  
  91. .site-menu {
  92.     padding-bottom: 20px;
  93.     overflow-y: hidden;
  94.     font-size: 14px
  95. }
  96.  
  97. .site-menu-item>a {
  98.     white-space: nowrap;
  99.     cursor: pointer
  100. }
  101.  
  102. .site-menu-icon {
  103.     display: inline-block;
  104.     width: 1em;
  105.     text-align: center;
  106.     vertical-align: middle
  107. }
  108.  
  109. .site-menu-title {
  110.     display: inline-block;
  111.     max-width: 160px;
  112.     overflow: hidden;
  113.     text-overflow: ellipsis;
  114.     white-space: nowrap;
  115.     vertical-align: middle
  116. }
  117.  
  118. .site-menu-arrow {
  119.     position: relative;
  120.     display: inline-block;
  121.     font-family: "Material Design Iconic";
  122.     font-style: normal;
  123.     font-weight: 400;
  124.     -webkit-transition: -webkit-transform .15s;
  125.     -o-transition: -o-transform .15s;
  126.     transition: transform .15s;
  127.     -webkit-transform: translate(0,0);
  128.     -ms-transform: translate(0,0);
  129.     -o-transform: translate(0,0);
  130.     transform: translate(0,0);
  131.     text-rendering: auto;
  132.     speak: none;
  133.     -webkit-font-smoothing: antialiased;
  134.     -moz-osx-font-smoothing: grayscale
  135. }
  136.  
  137. .site-menu-arrow:before {
  138.     content: "ï‹»"
  139. }
  140.  
  141. .site-menu-arrow,.site-menu-badge,.site-menu-label {
  142.     position: absolute;
  143.     right: 30px;
  144.     display: inline-block;
  145.     vertical-align: middle
  146. }
  147.  
  148. .site-menu .badge {
  149.     padding: 2px 5px 3px;
  150.     font-size: .858rem;
  151.     font-weight: 300
  152. }
  153.  
  154. .site-menu-item {
  155.     position: relative;
  156.     white-space: nowrap
  157. }
  158.  
  159. .site-menu-item a {
  160.     display: block;
  161.     color: rgba(117,117,117,.9)
  162. }
  163.  
  164. .site-menu-item.is-hidden {
  165.     opacity: 0
  166. }
  167.  
  168. .site-menu-item.is-shown {
  169.     opacity: 1
  170. }
  171.  
  172. .site-menu>.site-menu-item {
  173.     padding: 0
  174. }
  175.  
  176. .site-menu>.site-menu-item>a {
  177.     font-weight: 400
  178. }
  179.  
  180. .site-menu>.site-menu-item.open {
  181.     background: rgba(33,33,33,.08)
  182. }
  183.  
  184. .site-menu>.site-menu-item.open>a {
  185.     color: #424242;
  186.     background: 0 0
  187. }
  188.  
  189. .site-menu>.site-menu-item.open.hover>a {
  190.     background: 0 0
  191. }
  192.  
  193. .site-menu>.site-menu-item.hover>a,.site-menu>.site-menu-item:hover>a {
  194.     color: #424242;
  195.     background-color: rgba(33,33,33,.05)
  196. }
  197.  
  198. .site-menu>.site-menu-item.active {
  199.     background: rgba(33,33,33,.08);
  200.     border-top: 1px solid rgba(0,0,0,.04);
  201.     border-bottom: 1px solid rgba(0,0,0,.04)
  202. }
  203.  
  204. .site-menu>.site-menu-item.active>a {
  205.     color: #424242;
  206.     background: 0 0
  207. }
  208.  
  209. .site-menu>.site-menu-item.active.hover>a {
  210.     background: 0 0
  211. }
  212.  
  213. .site-menu .site-menu-sub {
  214.     padding: 5px 0;
  215.     margin: 0;
  216.     font-size: 14px;
  217.     background: 0 0
  218. }
  219.  
  220. .site-menu .site-menu-sub .site-menu-item {
  221.     line-height: 36px;
  222.     color: rgba(117,117,117,.9);
  223.     background: 0 0
  224. }
  225.  
  226. .site-menu .site-menu-sub .site-menu-item.has-sub {
  227.     border-top: 1px solid transparent;
  228.     border-bottom: 1px solid transparent
  229. }
  230.  
  231. .site-menu .site-menu-sub .site-menu-item>a {
  232.     padding: 0 30px
  233. }
  234.  
  235. .site-menu .site-menu-sub .site-menu-item.open {
  236.     background: rgba(33,33,33,.05)
  237. }
  238.  
  239. .site-menu .site-menu-sub .site-menu-item.open>a {
  240.     color: #424242
  241. }
  242.  
  243. .site-menu .site-menu-sub .site-menu-item.open.hover>a {
  244.     background-color: transparent
  245. }
  246.  
  247. .site-menu .site-menu-sub .site-menu-item.hover>a,.site-menu .site-menu-sub .site-menu-item:hover>a {
  248.     color: #424242;
  249.     background-color: rgba(255,255,255,.02)
  250. }
  251.  
  252. .site-menu .site-menu-sub .site-menu-item.active {
  253.     background: rgba(33,33,33,.05)
  254. }
  255.  
  256. .site-menu .site-menu-sub .site-menu-item.active>a {
  257.     color: #424242
  258. }
  259.  
  260. .site-menu .site-menu-sub .site-menu-item.active.hover>a {
  261.     background-color: transparent
  262. }
  263.  
  264. .site-menubar-dark .site-menu-item a {
  265.     color: rgba(158,158,158,.9)
  266. }
  267.  
  268. .site-menubar-dark .site-menu-item.hover>a,.site-menubar-dark .site-menu-item:hover>a {
  269.     background: 0 0
  270. }
  271.  
  272. .site-menubar-dark .site-menu>.site-menu-item.open {
  273.     background: #1e1e1e
  274. }
  275.  
  276. .site-menubar-dark .site-menu>.site-menu-item.open>a {
  277.     color: #fff
  278. }
  279.  
  280. .site-menubar-dark .site-menu>.site-menu-item.hover,.site-menubar-dark .site-menu>.site-menu-item:hover {
  281.     background-color: rgba(255,255,255,.02)
  282. }
  283.  
  284. .site-menubar-dark .site-menu>.site-menu-item.hover>a,.site-menubar-dark .site-menu>.site-menu-item:hover>a {
  285.     color: rgba(255,255,255,.8)
  286. }
  287.  
  288. .site-menubar-dark .site-menu>.site-menu-item.active {
  289.     background: #1e1e1e
  290. }
  291.  
  292. .site-menubar-dark .site-menu>.site-menu-item.active>a {
  293.     color: #fff
  294. }
  295.  
  296. .site-menubar-dark .site-menu .site-menu-sub .site-menu-item.open {
  297.     background: rgba(0,0,0,.06)
  298. }
  299.  
  300. .site-menubar-dark .site-menu .site-menu-sub .site-menu-item.open>a {
  301.     color: #fff
  302. }
  303.  
  304. .site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover,.site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover {
  305.     background-color: rgba(0,0,0,.06)
  306. }
  307.  
  308. .site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover>a,.site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover>a {
  309.     color: rgba(255,255,255,.8)
  310. }
  311.  
  312. .site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover.open,.site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover.open {
  313.     background-color: rgba(0,0,0,.06)
  314. }
  315.  
  316. .site-menubar-dark .site-menu .site-menu-sub .site-menu-item.active {
  317.     background: rgba(0,0,0,.06)
  318. }
  319.  
  320. .site-menubar-dark .site-menu .site-menu-sub .site-menu-item.active>a {
  321.     color: #fff
  322. }
  323.  
  324. .site-gridmenu {
  325.     position: fixed;
  326.     top: 66.01px;
  327.     bottom: 0;
  328.     z-index: 1500;
  329.     padding: 20px 0;
  330.     visibility: hidden;
  331.     background-color: #212121;
  332.     opacity: 0
  333. }
  334.  
  335. .js>.site-gridmenu {
  336.     -webkit-transition: opacity .5s ease 0s,visibility 0s;
  337.     -o-transition: opacity .5s ease 0s,visibility 0s;
  338.     transition: opacity .5s ease 0s,visibility 0s
  339. }
  340.  
  341. .site-gridmenu-active>.site-gridmenu {
  342.     visibility: visible;
  343.     opacity: 1;
  344.     -webkit-transition: opacity .5s ease 0s;
  345.     -o-transition: opacity .5s ease 0s;
  346.     transition: opacity .5s ease 0s
  347. }
  348.  
  349. .site-gridmenu-active>.site-gridmenu ul {
  350.     opacity: 1;
  351.     -webkit-transform: rotateX(0);
  352.     transform: rotateX(0)
  353. }
  354.  
  355. .site-gridmenu ul {
  356.     padding: 0;
  357.     margin: 0;
  358.     list-style: none;
  359.     opacity: .4;
  360.     -webkit-transition: -webkit-transform .5s ease 0s,opacity .5s ease 0s;
  361.     -o-transition: -o-transform .5s ease 0s,opacity .5s ease 0s;
  362.     transition: transform .5s ease 0s,opacity .5s ease 0s;
  363.     -webkit-transform: translateY(-25%) rotateX(35deg);
  364.     transform: translateY(-25%) rotateX(35deg)
  365. }
  366.  
  367. .site-gridmenu li {
  368.     float: left;
  369.     width: 50%;
  370.     text-align: center
  371. }
  372.  
  373. .site-gridmenu li>a {
  374.     display: block;
  375.     padding: 30px 15px;
  376.     color: #9e9e9e
  377. }
  378.  
  379. .site-gridmenu li .icon {
  380.     display: block;
  381.     margin-bottom: 10px;
  382.     font-size: 32px
  383. }
  384.  
  385. .site-gridmenu li:hover>a {
  386.     color: #fff;
  387.     text-decoration: none;
  388.     cursor: pointer;
  389.     background-color: rgba(255,255,255,.02)
  390. }
  391.  
  392. body.site-gridmenu-active {
  393.     overflow: hidden
  394. }
  395.  
  396. .site-gridmenu-toggle:after {
  397.     position: relative;
  398.     position: relative;
  399.     top: -1px;
  400.     right: -3px;
  401.     display: inline-block;
  402.     font-family: "Material Design Iconic";
  403.     font-size: 1rem;
  404.     font-style: normal;
  405.     font-weight: 400;
  406.     content: "";
  407.     opacity: 0;
  408.     -webkit-transition: opacity .15s;
  409.     -o-transition: opacity .15s;
  410.     transition: opacity .15s;
  411.     -webkit-transform: translate(0,0);
  412.     -ms-transform: translate(0,0);
  413.     -o-transform: translate(0,0);
  414.     transform: translate(0,0);
  415.     text-rendering: auto;
  416.     speak: none;
  417.     -webkit-font-smoothing: antialiased;
  418.     -moz-osx-font-smoothing: grayscale
  419. }
  420.  
  421. .site-gridmenu-active .site-gridmenu-toggle:after {
  422.     opacity: 1
  423. }
  424.  
  425. .site-sidebar {
  426.     z-index: 1210
  427. }
  428.  
  429. .site-sidebar.slidePanel {
  430.     -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
  431.     box-shadow: 0 0 8px 0 rgba(0,0,0,.2)
  432. }
  433.  
  434. .site-sidebar.slidePanel.slidePanel-left,.site-sidebar.slidePanel.slidePanel-right {
  435.     width: 300px;
  436.     overflow: hidden
  437. }
  438.  
  439. .site-sidebar-content {
  440.     height: 100%
  441. }
  442.  
  443. .site-sidebar-nav.nav-tabs>.nav-item {
  444.     -webkit-box-flex: 1;
  445.     -webkit-flex: 1 1 32%;
  446.     -ms-flex: 1 1 32%;
  447.     flex: 1 1 32%
  448. }
  449.  
  450. .site-sidebar-nav.nav-tabs>.nav-item>.nav-link {
  451.     padding: 0;
  452.     font-size: 16px;
  453.     line-height: 90px;
  454.     text-align: center
  455. }
  456.  
  457. .site-sidebar-nav.nav-tabs>.nav-item>.nav-link>.icon {
  458.     margin-right: 0
  459. }
  460.  
  461. .site-sidebar-tab-content {
  462.     height: 100%;
  463.     height: -webkit-calc(100% - 90px);
  464.     height: calc(100% - 90px)
  465. }
  466.  
  467. .site-sidebar-tab-content>.tab-pane {
  468.     height: 100%;
  469.     padding: 20px 30px
  470. }
  471.  
  472. .site-sidebar-tab-content>.tab-pane.scrollable {
  473.     padding: 0
  474. }
  475.  
  476. .site-sidebar-tab-content>.tab-pane .scrollable-content {
  477.     padding: 20px 30px
  478. }
  479.  
  480. .site-sidebar-tab-content>.tab-pane .list-group {
  481.     margin-right: -30px;
  482.     margin-left: -30px
  483. }
  484.  
  485. .site-sidebar-tab-content>.tab-pane .list-group>.list-group-item {
  486.     padding-right: 30px;
  487.     padding-left: 30px
  488. }
  489.  
  490. .site-sidebar .conversation {
  491.     position: absolute;
  492.     top: 0;
  493.     right: -100%;
  494.     z-index: 1700;
  495.     width: 100%;
  496.     height: 100%;
  497.     background-color: #fff;
  498.     -webkit-transition: all .3s;
  499.     -o-transition: all .3s;
  500.     transition: all .3s
  501. }
  502.  
  503. .site-sidebar .conversation.active {
  504.     right: 0
  505. }
  506.  
  507. .site-sidebar .conversation-header {
  508.     height: 90px;
  509.     border-bottom: 1px solid #e0e0e0
  510. }
  511.  
  512. .site-sidebar .conversation-header>* {
  513.     padding: 0 30px;
  514.     margin: 0;
  515.     line-height: 90px
  516. }
  517.  
  518. .site-sidebar .conversation-more,.site-sidebar .conversation-return {
  519.     color: rgba(66,66,66,.4);
  520.     cursor: pointer
  521. }
  522.  
  523. .site-sidebar .conversation-more:focus,.site-sidebar .conversation-more:hover,.site-sidebar .conversation-return:focus,.site-sidebar .conversation-return:hover {
  524.     color: rgba(66,66,66,.6)
  525. }
  526.  
  527. .site-sidebar .conversation-more:active,.site-sidebar .conversation-return:active {
  528.     color: #424242
  529. }
  530.  
  531. .site-sidebar .conversation-title {
  532.     position: relative;
  533.     top: 1px;
  534.     z-index: -1;
  535.     color: #424242;
  536.     text-align: center
  537. }
  538.  
  539. .site-sidebar .conversation-content {
  540.     padding: 30px 15px
  541. }
  542.  
  543. .site-sidebar .conversation-reply {
  544.     position: absolute;
  545.     right: 0;
  546.     bottom: 0;
  547.     left: 0;
  548.     height: 60px;
  549.     padding: 10px 0;
  550.     background-color: #fff;
  551.     border-top: 1px solid #e0e0e0
  552. }
  553.  
  554. .site-sidebar .conversation-reply .form-control {
  555.     border: 0;
  556.     border-right: 1px solid #e0e0e0
  557. }
  558.  
  559. .site-sidebar .conversation .chats {
  560.     height: -webkit-calc(100% - 150px);
  561.     height: calc(100% - 150px);
  562.     overflow-y: auto
  563. }
  564.  
  565. @media (max-width: 767px) {
  566.     .site-sidebar.slidePanel.slidePanel-left,.site-sidebar.slidePanel.slidePanel-right {
  567.         width:100%
  568.     }
  569. }
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!