SHARE
TWEET

template.css

a guest Apr 11th, 2019 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. d/* Feidias 3 */
  2.  
  3. html{
  4.   height:100%;
  5.   font-size: 100%;
  6. }
  7.  
  8. body > #fds-header{
  9.   display: none;
  10. }
  11.  
  12. body > .navbar{
  13.   margin-top: 0;
  14. }
  15.  
  16. body > footer a {
  17.     color: white;
  18. }
  19.  
  20. .mod-languages a {
  21.     color: white;
  22. }
  23.  
  24. .mod-languages a:hover, .mod-languages a:focus {
  25.     color: white;
  26. }
  27. #fds-navbar > .mod-languages, #fds-navbar > #vmCartModule{
  28.     float:right;
  29. }
  30. body > footer a:hover {
  31.     color: white;
  32. }
  33.                                
  34. #fds-main > .container{
  35.     /* Fallback for web browsers that don't support RGBa */
  36.     background-color: rgb(255, 255, 255);
  37.     /* RGBa with 0.6 opacity */
  38.     background-color: rgba(255, 255, 255, 0.7);
  39.     /* For IE 5.5 - 7*/
  40.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  41.     /* For IE 8*/
  42.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
  43.     padding: 3%;
  44.     min-height: 768px;
  45. }
  46.  
  47. .fds-logo{
  48.   text-transform: uppercase;
  49. }
  50.  
  51. body{
  52.   min-height:100%;
  53.   position: relative;
  54. }
  55.  
  56. h1 , .h1{
  57.   font-size: 250%;
  58. }
  59.  
  60. h2 , .h2{
  61.   font-size: 200%;
  62. }
  63.  
  64. h3 , .h3{
  65.   font-size: 180%;
  66. }
  67.  
  68. h4 , .h4{
  69.   font-size: 150%;
  70. }
  71.  
  72. h5 , .h5{
  73.   font-size: 120%;
  74. }
  75.  
  76. h6 , .h6{
  77.   font-size: 100%;
  78. }
  79.  
  80. body.tmpl {
  81.   padding-top: 0;
  82. }
  83.  
  84. header {
  85.   margin: 30px 0;
  86. }
  87.  
  88. footer {
  89.   margin: 30px 0 0;
  90. }
  91.  
  92. .toolbar {
  93.   font-size: 75%;
  94.   padding: 5px 0;
  95. }
  96.  
  97. nav {
  98.   margin: 30px 0 0 0;
  99. }
  100.  
  101. .navbar {
  102.   margin-bottom: 0;
  103. }
  104.  
  105. main{
  106.   display:block;
  107.   padding-bottom: 30px;
  108. }
  109.  
  110. footer, .breadcrumb{
  111.   font-size: 87.5%;
  112. }
  113.  
  114. img{
  115.   max-width: 100%;
  116.   height: auto;
  117. }
  118.  
  119. p{
  120.   margin-bottom: 20px;
  121.   line-height: 1.8;
  122. }
  123.  
  124. fieldset{
  125.   margin-bottom: 15px;
  126. }
  127.  
  128. label{
  129.   font-size: 85%;
  130. }
  131.  
  132. .container{
  133.   position: relative;
  134. }
  135.  
  136. .ie7{
  137.   text-align:center;
  138.   margin-top:100px;
  139.   font-size:46px;
  140. }
  141.  
  142. .browsehappy{
  143.   text-align:center;
  144.   font-size:36px;
  145.   background-color:#FFF;
  146.   margin-top:100px;
  147. }
  148.  
  149. .table-responsive {
  150.   padding-top: 15px;
  151. }
  152.  
  153. a{
  154.   color: #9c1616;  
  155. }
  156. a:hover{
  157.   color: #9c1616;  
  158.   text-decoration: underline;
  159. }
  160. h1{
  161.   color: #9c1616;
  162. }
  163. /* Logo */
  164. .fds-logo a{
  165.   vertical-align: middle;
  166.   font-size: 200%;
  167.   font-weight: 600;
  168.   color: #9c1616;  
  169. }
  170.  
  171. .fds-logo a:hover{
  172.   text-decoration: none;
  173. }
  174.  
  175. .fds-logo .site-title{
  176.   font-size: 160%;
  177. }
  178.  
  179. /* Helper Classes */
  180. .margin-top{
  181.   margin-top: 30px;
  182. }
  183.  
  184. .margin-top-15{
  185.   margin-top: 15px;
  186. }
  187.  
  188. .bold{
  189.   font-weight: bold !important;
  190. }
  191.  
  192. .block{
  193.   display: block !important;
  194. }
  195.  
  196. .inline {
  197.   display: inline-block !important;
  198. }
  199.  
  200. .valign {
  201.   position: relative;
  202.   top: 50%;
  203.   transform: translateY(-50%);
  204. }
  205.  
  206. .align-middle{
  207.   vertical-align: middle;
  208. }
  209.  
  210. .noscroll{
  211.   overflow: hidden;
  212. }
  213.  
  214. /* Cookie law */
  215. #cookie-law {
  216.   background-color: #333;
  217.   font-size: 80%;
  218.   color: #FFF;
  219.   position: fixed;
  220.   bottom: 0;
  221.   left: 0;
  222.   right: 0;
  223.   display:none;
  224.   z-index: 100;
  225.   padding: 5px 0;
  226. }
  227.  
  228. #cookie-law a:hover{
  229.   text-decoration: none;
  230. }
  231.  
  232. #cookie-law p{
  233.   margin-bottom: 0;
  234. }
  235.  
  236. #cookie-x .glyphicon{
  237.   vertical-align: middle;
  238.   font-size: 180%;
  239. }
  240.  
  241. /* Modules */
  242. .moduletable ul{
  243.   list-style: none;
  244.   padding-left: 0;
  245.   margin-left: 0;
  246. }
  247.  
  248. .plain .border{
  249.     padding: 0;
  250. }
  251.  
  252. .box .border{
  253.   border: 1px solid #DDD;
  254. }
  255.  
  256. .color .border{
  257.   background-color: #F5F5F5;
  258. }
  259.  
  260. .border {
  261.   word-wrap: break-word;
  262.   position: relative;
  263.   padding: 20px;
  264. }
  265.  
  266. #fds-toolbar .border{
  267.   padding: 5px 0;
  268. }
  269.  
  270. .border > h3 {
  271.   border-bottom: 1px solid #ddd;
  272.   margin-bottom: 20px;
  273.   margin-top: 0;
  274.   padding-bottom: 10px;
  275. }
  276.  
  277. .top-a > div:nth-child(5n+5),
  278. .top-b > div:nth-child(5n+5),
  279. .top-c > div:nth-child(5n+5),
  280. .bottom-a > div:nth-child(5n+5),
  281. .bottom-b > div:nth-child(5n+5),
  282. .bottom-c > div:nth-child(5n+5){
  283.   clear: left;
  284. }
  285.  
  286. aside .moduletable, .innerbottom .moduletable, .innertop .moduletable {
  287.   margin-bottom: 30px;
  288. }
  289.  
  290. aside .moduletable:last-child, .innerbottom .moduletable:last-child {
  291.   margin-bottom: 0;
  292. }
  293.  
  294. .innerbottom {
  295.   margin-top: 30px;
  296. }
  297.  
  298. /* Bootstrap resets */
  299. .hero-unit{
  300.   border-radius: 0 !important;
  301. }
  302.  
  303. .page-header {
  304.   margin: 20px 0;
  305. }
  306.  
  307. .well {
  308.   border-radius: 0;
  309.   box-shadow: none;
  310.   background-color: #F5F5F5;
  311.   border-color: #DDD;
  312. }
  313.  
  314. .tab-content {
  315.   padding: 0 10px;
  316.   margin-bottom: 30px;
  317. }
  318.  
  319. .carousel, .carousel p{
  320.   margin-bottom: 0;
  321. }
  322.  
  323. .carousel-control{
  324.   width: 10%;
  325. }
  326.  
  327. .carousel-control:hover, .carousel-control:focus {
  328.   color: #333;
  329.   opacity: 0.9;
  330.   text-decoration: none;
  331. }
  332.  
  333. .carousel-indicators > li{
  334.   margin-left: 5px;
  335.   margin-right: 5px;
  336. }
  337.  
  338. .label, .badge{
  339.   font-weight: normal;
  340. }
  341.  
  342. .form-control{
  343.   box-shadow: none;
  344. }
  345.  
  346. .thumbnail{
  347.   border-radius: 0;
  348. }
  349.  
  350. .dropdown-menu{
  351.   margin-top: 5px;
  352. }
  353.  
  354. .dl-horizontal dt{
  355.   width: 50%;
  356. }
  357.  
  358. .dl-horizontal dd{
  359.   width: 50%;
  360.   float: left;
  361.   margin-left: 0;
  362.   padding-left: 10px;
  363. }
  364.  
  365. .jumbotron {
  366.   background-color: #f5f5f5;
  367. }
  368.  
  369. /* Mobile menu */
  370.  
  371. h3.mbmenu{
  372.   display: inline-block;
  373.   margin: 0;
  374. }
  375.  
  376. .navbar-inner > i {
  377.   margin-top: 5px;
  378.   margin-left: 10px;
  379. }
  380.  
  381. /* Menu */
  382.  
  383. nav .container{
  384.   margin-top: 0;
  385. }
  386.  
  387. .navbar .nav{
  388.   margin:0;
  389. }
  390.  
  391. .navbar .nav > li{
  392.   position:relative;
  393. }
  394.  
  395. .navbar .nav > li.parent > a:after,
  396. .navbar .nav > li.parent > span:after {
  397.   content: "\e259";
  398.   font-family: 'Glyphicons Halflings';
  399.   margin-left:5px;
  400.   line-height: 1em;
  401.   font-size: 70%;
  402. }
  403.  
  404. .navbar .nav > li >a,
  405. .navbar .nav > li > span{
  406.   float:none;
  407.   font-size: 100%;
  408.   line-height: inherit;
  409.   padding: 15px;
  410. }
  411.  
  412. .navbar .nav>li:hover{
  413.   background-color: #DDD;
  414. }
  415.  
  416. .navbar .nav>li>a,
  417. .navbar .nav>li>span{
  418.   display:block;
  419.   line-height: 24px;
  420. }
  421.  
  422. .navbar .nav>li.active>a,
  423. .navbar .nav>li.active>span {
  424.   background-color: #DDD;
  425. }
  426.  
  427. .navbar-inner{
  428.   border: none;
  429.   background-image: none;
  430.   background-color: transparent;
  431.   box-shadow: none;
  432.   border-radius: 0;
  433.   padding: 0;
  434.   position: static;
  435. }
  436.  
  437. .navbar li.parent:hover .dropdown-menu {
  438.   display: block;
  439. }
  440.  
  441. .dropdown-menu > li > a:hover,
  442. .dropdown-menu > li > a:focus,
  443. .dropdown-submenu:hover > a,
  444. .dropdown-submenu:focus > a,
  445. .dropdown-menu > li > span:hover,
  446. .dropdown-menu > li > span:focus,
  447. .dropdown-submenu:hover > span,
  448. .dropdown-submenu:focus > span {
  449.   background-color: #f5f5f5;
  450.   background-image: none;
  451.   filter: none;
  452. }
  453.  
  454.  
  455. .dropdown-menu > .active > a,
  456. .dropdown-menu > .active > a:hover,
  457. .dropdown-menu > .active > a:focus,
  458. .dropdown-menu > .active > span,
  459. .dropdown-menu > .active > span:hover,
  460. .dropdown-menu > .active > span:focus,
  461. .flyout-menu > li.active > a,
  462. .flyout-menu > li.active > span {
  463.   background-color: #0081c2;
  464.   background-image: none;
  465.   color: #fff;
  466.   text-decoration: none;
  467.   filter: none;
  468. }
  469.  
  470. nav .dropdown-menu > li,
  471. .flyout-menu > li {
  472.   position: relative;
  473. }
  474.  
  475. nav .dropdown-menu > li.parent:after,
  476. .flyout-menu > li.parent:after {
  477.   content: "\e258";
  478.   font-family: 'Glyphicons Halflings';
  479.   position: absolute;
  480.   right: 7px;
  481.   top: 12px;
  482.   font-size: 70%;
  483. }
  484.  
  485. nav .dropdown-menu,
  486. nav .flyout-menu {
  487.   min-width: 220px;
  488.   border-radius: 0;
  489.   margin: 0;
  490. }
  491.  
  492. nav .dropdown-menu > li:hover > .flyout-menu,
  493. .flyout-menu > li:hover > .flyout-menu {
  494.   display: block;
  495. }
  496.  
  497. nav .dropdown-menu > li a,
  498. nav .dropdown-menu > li span,
  499. .flyout-menu > li a,
  500. .flyout-menu > li span {
  501.   padding: 10px 20px;
  502.   display: block;
  503. }
  504.  
  505. .flyout-menu {
  506.   background-clip: padding-box;
  507.   background-color: #fff;
  508.   border: 1px solid rgba(0, 0, 0, 0.15);
  509.   border-radius: 0;
  510.   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  511.   float: left;
  512.   font-size: 90%;
  513.   left: 0;
  514.   list-style: none outside none;
  515.   margin: 0;
  516.   min-width: 220px;
  517.   padding: 5px 0;
  518.   position: absolute;
  519.   top: 0;
  520.   left: 100%;
  521.   z-index: 1000;
  522.   display: none;
  523. }
  524.  
  525. .flyout-menu > li > a {
  526.   color: #333;
  527. }
  528.  
  529. .flyout-menu > li > a:hover,
  530. .flyout-menu > li > a:focus,
  531. .flyout-menu > li > span:hover,
  532. .flyout-menu > li > span:focus {
  533.   background-color: #0081c2;
  534.   background-image: none;
  535.   color: #FFF;
  536.   text-decoration: none;
  537. }
  538.  
  539. .nav > li > a > img {
  540.   vertical-align: top;
  541.   margin-right: 3px;
  542. }
  543.  
  544. span.image-title {
  545.   padding: 0 !important;
  546. }
  547.  
  548. .separator > img,
  549. .flyout-menu img {
  550.   float: left;
  551.   margin-right: 3px;
  552. }
  553.  
  554. /* System messages */
  555.  
  556. .alert-notice {
  557.   color: #8a6d3b;
  558.   background-color: #fcf8e3;
  559.   border-color: #faebcc;
  560. }
  561.  
  562. .alert-error {
  563.   color: #a94442;
  564.   background-color: #f2dede;
  565.   border-color: #ebccd1;
  566. }
  567.  
  568. .alert-message{
  569.   color: #31708f;
  570.   background-color: #d9edf7;
  571.   border-color: #bce8f1;
  572. }
  573.  
  574. #system-message p {
  575.   font-size: 85%;
  576.   margin-bottom: 10px;
  577. }
  578.  
  579.  
  580. /* To top*/
  581. #totop-scroller{
  582.   position: fixed;
  583.   right: 10px;
  584.   bottom: 30px;
  585.   font-size: 190%;
  586.     display: none;
  587.     z-index: 2;
  588. }
  589.  
  590. #totop-scroller:hover, #totop-scroller:focus{
  591.   text-decoration: none;
  592. }
  593.  
  594. /* Tooltips */
  595. div.tooltip {
  596.     background-color: transparent !important ;
  597.     border: none !important;
  598. }
  599.  
  600. .tip-wrap {
  601.   padding: 8px;
  602.   color: #ffffff;
  603.   text-align: center;
  604.   text-decoration: none;
  605.   background-color: #000000;
  606.   -webkit-border-radius: 4px;
  607.   -moz-border-radius: 4px;
  608.   border-radius: 4px;
  609.   font-size: 80%;
  610.   z-index: 100;
  611. }
  612.  
  613. /* Base Styling */
  614. .invalid{
  615.   border-color: red !important;
  616. }
  617.  
  618. #fds-toolbar, .navbar-default, footer{
  619.   background-color: #F5F5F5;
  620.   border-radius: 0;
  621.   border-top: 1px solid #DDD;
  622.   border-bottom: 1px solid #DDD;
  623. }
  624.  
  625. /* Joomla */
  626.  
  627. .hidden-print {
  628.   position: absolute;
  629.   right: 10px;
  630.   top: 0;
  631. }
  632.  
  633. /* User */
  634. .login-description, .logout-description {
  635. margin-bottom: 15px;
  636. }
  637.  
  638. #jform_params_helpsite{
  639.   margin-bottom: 15px;
  640. }
  641.  
  642.  
  643. /* Articles */
  644. dl.article-info {
  645.   font-size: 80%;
  646. }
  647.  
  648. .article-info-term{
  649.   display: none;
  650. }
  651.  
  652. .article-info dd {
  653.   display: inline-block;
  654.   margin-right: 5px;
  655. }
  656.  
  657. .element-invisible{
  658.   display: none !important;
  659. }
  660.  
  661. .item-page .content_rating {
  662.   margin-top: 5px;
  663. }
  664.  
  665. .content_rating + form {
  666.   margin-bottom: 20px;
  667. }
  668.  
  669. .item-image {
  670.   max-width: 100%;
  671. }
  672.  
  673. .pull-left.item-image {
  674.   margin-right: 20px;
  675. }
  676.  
  677. .pull-right.item-image {
  678.   margin-left: 20px;
  679. }
  680.  
  681. .tags span {
  682.   margin-right: 5px;
  683. }
  684.  
  685. .content-links {
  686.   margin-top: 20px;
  687. }
  688.  
  689. .actions li {
  690.   float: left;
  691.   margin-left: 5px;
  692. }
  693.  
  694. .edit ul.nav-tabs{
  695.   margin-bottom: 20px;
  696. }
  697.  
  698. .edit .btn-toolbar{
  699.   padding: 5px;
  700. }
  701.  
  702. .calendar table{
  703.   width: 100%;
  704. }
  705.  
  706. .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
  707.   height: auto;
  708. }
  709.  
  710. /* Mail to */
  711. #mailto-window{
  712.   position: relative;
  713. }
  714.  
  715. #mailto-window h2{
  716.   font-size: 150%;
  717. }
  718.  
  719. #mailto-window p{
  720.   margin-top: 15px;
  721. }
  722.  
  723. .mailto-close{
  724.   position: absolute;
  725.   top: 5px;
  726.   right: 0;
  727. }
  728.  
  729. /* Archived Article */
  730.  
  731.  
  732. /* Categories */
  733. .category-desc {
  734.   margin-bottom: 15px;
  735. }
  736.  
  737. .categories-list dt{
  738.   text-align: left;
  739.   width: 120px;
  740. }
  741.  
  742. .categories-list dd{
  743.   margin-left: 0;
  744. }
  745.  
  746. .categories-list > ul > li {
  747. border-bottom: 1px solid #DDD;
  748. margin-bottom: 15px;
  749. }
  750.  
  751. .categories-list img, .category-desc img{
  752.   margin-bottom: 15px;
  753. }
  754.  
  755. .item-title .badge{
  756.   vertical-align: middle;
  757. }
  758.  
  759. .categories-list > ul {
  760.   list-style: none;
  761.   margin-left: 0;
  762. }
  763.  
  764. /* Blog - Featured */
  765. .blog .category-desc, .blog-featured .category-desc{
  766.   border-bottom: 1px solid #EEE;
  767. }
  768.  
  769. /* Contact */
  770.  
  771. /* Search Form */
  772.  
  773. /* News feeds */
  774.  
  775. /* Weblinks */
  776. .weblink-category a.category{
  777.   margin-left: 5px;
  778. }
  779.  
  780. .weblink-category .list-title {
  781.   margin-bottom: 15px;
  782. }
  783.  
  784. /* Smart Search */
  785. #search-results .search-pagination, #search-results div.pagination, #search-results .search-pages-counter {
  786.   margin-top: 30px
  787. }
  788.  
  789. /* Configuration Manager */
  790. .config-manager input[type="radio"]{
  791.   margin: 0 5px;
  792. }
  793.  
  794. /* Login Module */
  795. #form-login-remember > label {
  796.   display: inline-block;
  797. }
  798.  
  799. .welcome {
  800.   padding: 5px 0;
  801. }
  802.  
  803. .toolbar-r .welcome {
  804.   float: right;
  805. }
  806.  
  807. .toolbar-r form.logout {
  808.   text-align: right;
  809.   margin-top: 5px;
  810. }
  811.  
  812. /* Breadcrumbs */
  813. .breadcrumbs {
  814.   margin-bottom: 15px;
  815. }
  816.  
  817. .breadcrumb > li{
  818.   white-space: nowrap;
  819. }
  820.  
  821. .breadcrumb {
  822.   background-color: transparent;
  823.   border-radius: 0;
  824.   border: none;
  825.   margin: 15px 0 0;
  826. }
  827.  
  828. span.divider {
  829.   display: none;
  830. }
  831.  
  832. /* Search Module */
  833.  
  834.  
  835. /* Language Switcher */
  836. .toolbar-r .lang-inline, .sidebar-b .lang-inline{
  837.   text-align: right;
  838. }
  839.  
  840. /* Statistics Module */
  841.  
  842.  
  843. /* Weblinks Module */
  844. .weblinks > li {
  845.   margin-top: 10px;
  846. }
  847.  
  848. /* Banner Module */
  849.  
  850. /* Fancybox */
  851. #fancybox-wrap{
  852.   overflow: hidden;
  853. }
  854.  
  855. #fancybox-outer > div {
  856.   box-sizing: content-box;
  857.   -moz-box-sizing: content-box;
  858. }
  859.  
  860. #fancybox-content{
  861.   border: none !important;
  862.   width: 100% !important;
  863. }
  864.  
  865. #fancybox-content > div{
  866.   padding: 20px;
  867.   box-sizing: content-box;
  868.   -moz-box-sizing: content-box;
  869. }
  870.  
  871. #fancybox-content h4, #fancybox-content > div > h4 + div{
  872.   text-align: center;
  873. }
  874.  
  875. .fancybox-title-inside {
  876.   width: auto !important;
  877. }
  878.  
  879. #fancybox-content .product-related-products .product-field {
  880.   max-width: 150px;
  881.   font-size: 12px;
  882. }
  883.  
  884. #fancybox-content .product-related-products .product-field:last-child{
  885.   margin-right: 0;
  886. }
  887.  
  888. #sbox-content > iframe {
  889.   max-width: 100%;
  890.   height: 100%;
  891. }
  892.  
  893. /* Editing */
  894. .chzn-container, .chzn-drop {
  895.   width: 220px !important;
  896. }
  897.  
  898. /* Preloader */
  899. #preloader {
  900.   bottom: 0;
  901.   color: #fff;
  902.   font-size: 25px;
  903.   height: 100%;
  904.   left: 0;
  905.   position: absolute;
  906.   right: 0;
  907.   text-align: center;
  908.   top: 0;
  909.   width: 100%;
  910. }
  911.  
  912. #preloader img{
  913.   position: absolute;
  914.   top: 50%;
  915.   left: 50%;
  916.   margin-left: -64px;
  917.   margin-top: -64px;
  918. }
  919.  
  920. /* Offcanvas */
  921. #offcanvas {
  922.   bottom: 0;
  923.   top: 0;
  924.   height: 100%;
  925.   left: 0;
  926.   right: 0;
  927.   overflow: auto;
  928.   position: fixed;
  929.   z-index: 10000;
  930.   background-color: rgba(0,0,0,0.8);
  931.   display: none;
  932. }
  933.  
  934. .off-canvas-wrapper{
  935.   position: relative;
  936.   left: -280px;
  937. }
  938.  
  939. #offcanvas .navbar-nav{
  940.   margin: 0;
  941.   float: none;
  942.   width: 280px;
  943. }
  944.  
  945. #offcanvas li {
  946.   float: none;
  947.   border-bottom: 1px solid #EEE;
  948. }
  949.  
  950. #offcanvas > ul > li{
  951.   background-color: #222;
  952. }
  953.  
  954. #offcanvas li:last-child{
  955.   border-bottom: none;
  956. }
  957.  
  958. #offcanvas .dropdown-menu, #offcanvas .flyout-menu{
  959.   display: block;
  960.   width: 100%;
  961.   max-width: 100%;
  962.   position: relative;
  963.   left: 0;
  964.   top: 0;
  965.   border-radius: 0;
  966.   float: none;
  967.   box-shadow: none;
  968.   border: none;
  969.   margin: 0;
  970.   padding: 0;
  971. }
  972.  
  973. #offcanvas .dropdown-menu > li > a, #offcanvas .dropdown-menu > li > span{
  974.   padding: 10px 20px;
  975.   display: block;
  976.   font-size: 100%;
  977. }
  978.  
  979. #offcanvas .flyout-menu > li > a, #offcanvas .flyout-menu > li > span{
  980.   padding-left: 35px;
  981. }
  982.  
  983. #offcanvas .dropdown-menu > li.parent, #offcanvas .flyout-menu > li{
  984.   padding: 0;
  985. }
  986.  
  987. #offcanvas .navbar-nav > li > a {
  988.   color: #fff;
  989. }
  990.  
  991. #offcanvas > span{
  992.   position: fixed;
  993.   top: 10px;
  994.   right: 10px;
  995.   z-index: 100000;
  996.   color: #CCC;
  997.   display: none;
  998. }
  999.  
  1000. #offcanvas > span:hover{
  1001.   cursor: pointer;
  1002.   color: #DDD;
  1003. }
  1004.  
  1005. .navbar-toggle{
  1006.   border: none;
  1007.   margin-top: 5px;
  1008.   margin-bottom: 5px;
  1009. }
  1010.  
  1011. .navbar-toggle .glyphicon{
  1012.   font-size: 150%;
  1013.   vertical-align: middle;
  1014. }
  1015.  
  1016. .off-canvas-wrapper {
  1017.   background-color: #222;
  1018.   position: absolute;
  1019.   top: 0px;
  1020.   bottom: 0px;
  1021.   overflow: auto;
  1022. }
  1023.  
  1024. #offcanvas .glyphicon-remove{
  1025.   font-size: 30px;
  1026. }
  1027.  
  1028. @media (max-width: 1024px){
  1029.     .navbar-toggle{
  1030.       display: block;
  1031.     }
  1032. }
  1033.  
  1034. @media (max-width: 992px){
  1035.     .container{
  1036.       width: 100%;
  1037.     }
  1038.  
  1039.     footer, #fds-toolbar{
  1040.       padding-left: 10px;
  1041.       padding-right: 10px;
  1042.     }
  1043.  
  1044.     #totop-scroller{
  1045.      position: fixed;
  1046.      right: 20px;
  1047.      top: 90%;
  1048.          bottom: auto;
  1049.     }
  1050.  
  1051.         .sidebar-a, .sidebar-b{
  1052.             margin-top: 30px;
  1053.         }
  1054.  
  1055.       .moduletable, aside .moduletable:last-child, .innerbottom .moduletable:last-child {
  1056.         margin-bottom: 15px;
  1057.       }
  1058.  
  1059. }
  1060.  
  1061. @media (max-width: 800px){
  1062.   .fds-logo{
  1063.    text-align: center;
  1064.   }
  1065.  
  1066. }
  1067.  
  1068. @media (max-width: 767px){
  1069.   .navbar-toggle{
  1070.     margin-right: 20px;
  1071.   }
  1072.  
  1073. }
  1074.  
  1075. @media (max-width: 640px){
  1076.   .dl-horizontal dd{
  1077.     padding-left: 0;
  1078.   }
  1079.  
  1080.     .fds-logo{
  1081.       margin-bottom: 15px;
  1082.     }
  1083.  
  1084. }
  1085.  
  1086. @media (max-width: 480px){
  1087.   body{
  1088.     font-size: 90%;
  1089.   }
  1090.  
  1091.   .toolbar-l, .toolbar-r{
  1092.     text-align: center;
  1093.     padding: 5px;
  1094.   }
  1095.  
  1096. }
  1097.  
  1098. @media (max-width: 320px) {
  1099.   body{
  1100.     padding-left: 0;
  1101.     padding-right: 0;
  1102.   }
  1103.  
  1104. }
  1105.  
  1106. @media print{
  1107.   *{
  1108.     background: transparent !important;
  1109.     color: #000 !important;
  1110.     box-shadow: none !important;
  1111.     text-shadow: none !important;
  1112.     border-bottom-color: #000 !important;
  1113.   }
  1114.  
  1115.   a[href^="/"]:after{
  1116.     content:"";
  1117.   }
  1118. }
RAW Paste Data
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
 
Top