Guest User

template.css

a guest
Apr 11th, 2019
91
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