Licitator 1.0
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

200 lines
5.0 KiB

5 years ago
  1. /* RECURSOS */
  2. .recursos__container{
  3. margin-bottom: 45px;
  4. }
  5. /* BOTONES */
  6. .recursos__container > .nav{
  7. }
  8. .recursos__container > .nav > li{
  9. }
  10. .recursos__container > .nav > li > a{
  11. font-size: 1.5rem;
  12. line-height: 1.5rem;
  13. border: none;
  14. padding: 10px 20px;
  15. font-weight: 500;
  16. }
  17. .recursos__container > .nav > li > a:hover,
  18. .recursos__container > .nav > li > a:focus,
  19. .recursos__container > .nav > li > a:active,
  20. .recursos__container > .nav > li.active > a{
  21. font-weight: 500;
  22. }
  23. /* read-before */
  24. .recursos__container > .nav > li > a{
  25. background: #66696a;
  26. color: #fff;
  27. }
  28. .recursos__container > .nav > li > a:hover,
  29. .recursos__container > .nav > li > a:focus,
  30. .recursos__container > .nav > li > a:active,
  31. .recursos__container > .nav > li.active > a{
  32. background: #a4a8a8 !important;
  33. color: #000;
  34. background-image: none;
  35. }
  36. /* FIN BOTONES */
  37. /* VENTANAS */
  38. .recursos__container > .tab-content{
  39. }
  40. .recursos__container > .tab-content > .tab-pane{
  41. background: #505050;
  42. box-shadow: 0 1px 2px rgba(0,0,0,0.11);
  43. position: fixed;
  44. top: 10%;
  45. z-index: 999999999;
  46. left: 5%;
  47. width: 90%;
  48. height: 75%;
  49. padding: 30px;
  50. overflow-y: scroll;
  51. }
  52. .recursos__container > .tab-content > .tab-pane > .icon{
  53. position: initial;
  54. width: auto;
  55. height: 40px;
  56. top: initial;
  57. left: initial;
  58. border: none;
  59. background: none;
  60. padding: 0;
  61. margin: 0;
  62. display: flex;
  63. }
  64. .recursos__container > .tab-content > .tab-pane > .icon::after{
  65. display: none;
  66. }
  67. .recursos__container > .tab-content > .tab-pane > .icon > img{
  68. width: auto;
  69. height: 100%;
  70. }
  71. .recursos__container > .tab-content > div > button{
  72. color: #fff;
  73. opacity: 1;
  74. }
  75. .recursos__container > .tab-content > div > h2{
  76. color: #fff;
  77. font-size: 2.7rem;
  78. line-height: 2.7rem;
  79. font-weight: 700;
  80. margin: 0;
  81. padding: 0;
  82. margin-top: 20px;
  83. margin-bottom: 10px;
  84. font-family: 'Open Sans', sans-serif;
  85. }
  86. .recursos__container > .tab-content > div > h3{
  87. color: #fff;
  88. font-size: 2rem;
  89. line-height: 2.4rem;
  90. font-weight: 700;
  91. margin: 0;
  92. padding: 0;
  93. margin-top: 20px;
  94. margin-bottom: 10px;
  95. font-family: 'Open Sans', sans-serif;
  96. }
  97. .recursos__container > .tab-content > div > p{
  98. color: #fff;
  99. font-size: 1.4rem;
  100. line-height: 2.2rem;
  101. margin: 0;
  102. padding: 0;
  103. margin-bottom: 10px;
  104. }
  105. .recursos__container > .tab-content > div > ul{
  106. color: #fff;
  107. font-size: 14px;
  108. line-height: 20px;
  109. margin: 0;
  110. padding: 0;
  111. margin-bottom: 10px;
  112. list-style: initial;
  113. margin-left: 25px;
  114. }
  115. .recursos__container > .tab-content > div > ul > li{
  116. margin-bottom: 3px;
  117. }
  118. .recursos__container > .tab-content > .tab-pane.alert-read-before{
  119. background: #00a65a;
  120. }
  121. .recursos__container > .tab-content > .tab-pane.alert-tips{
  122. background: #611BBD;
  123. }
  124. .recursos__container > .tab-content > .tab-pane.alert-caso-estudio{
  125. background: #3c8dbc;
  126. }
  127. /* FIN VENTANAS */
  128. /* FIN RECURSOS */