Advertisement
raphaelluiz128

css

Mar 13th, 2019
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.29 KB | None | 0 0
  1. body {
  2. background-color: #FFC832 !important;
  3. }
  4.  
  5. .highlight {
  6. background-color: yellow;
  7. }
  8.  
  9.  
  10. .fontFilter{
  11. font-size:1.2em;
  12. }
  13.  
  14. .typeRAlign{
  15. display:inline-block;
  16. vertical-align: middle;
  17. }
  18. .typeLAlign{
  19.  
  20. margin-left: 0.5%;
  21. margin-right: 0.5%;
  22. }
  23.  
  24. #buttonSearch{
  25. border-radius: 4px;
  26. width: 42px;
  27. height: 38px;
  28. padding: 0px;
  29. background-color: white;
  30. background-repeat: no-repeat;
  31. background-size: cover;
  32. margin:2px;
  33. background-image:url("../../../assets/imgs/tie.png");
  34.  
  35. }
  36.  
  37. #buttonErase{
  38. border-radius: 4px;
  39. width: 42px;
  40. height: 38px;
  41. padding: 0px;
  42. background-color: white;
  43. background-repeat: no-repeat;
  44. background-size: cover;
  45. margin:2px;
  46. background-image:url("../../../assets/imgs/erase.png");
  47.  
  48. }
  49.  
  50.  
  51. @media screen and (max-width: 1980px) {
  52. .full {
  53. height: 60em;
  54. color: #503291;
  55. background-size: cover;
  56. background-repeat: no-repeat;
  57. }
  58. .conteudo_keytopic {
  59. margin-top: 5em;
  60. margin-bottom: 5em;
  61. }
  62. #title_kt {
  63. font-size: 4em;
  64. }
  65. #linkhome{
  66. max-width: 40px;
  67. }
  68. /* Padrões de background para keytopics*/
  69. .bg_padrao0 {
  70. background-color: #ffc832;
  71. background-image: url('../../../resources/img/backgrounds/keytopics.png');
  72. background-size: 40%;
  73. }
  74. .bg_padrao0 nav div form button.btn{
  75. background-color: #503291;
  76. color: #ffc832;
  77. }
  78. .bg_padrao0 nav a.navbar-brand, .bg_padrao2 #title_kt {
  79. color: #ffc832;
  80. text-shadow: 2px 2px #000;
  81. font-size: 2em;
  82. }
  83. .bg_padrao0 .navbar-brand-rodape {
  84. color: #503291;
  85. font-size: 3em;
  86. }
  87. ul.keytopics-list li {
  88. list-style: none;
  89. text-align: left;
  90. }
  91.  
  92. ul.keytopics-list li a{
  93. color: #503291;
  94. font-weight: bold;
  95. }
  96.  
  97. .newspaper {
  98. -webkit-column-count: 3; /* Chrome, Safari, Opera */
  99. -moz-column-count: 3; /* Firefox */
  100. column-count: 3;
  101. }
  102. }
  103.  
  104. @media only screen and (max-device-width: 480px) {
  105. #title_kt {
  106. font-size: 2.5em;
  107. }
  108.  
  109. .newspaper {
  110. -webkit-column-count: 1; /* Chrome, Safari, Opera */
  111. -moz-column-count: 1; /* Firefox */
  112. column-count: 1;
  113. }
  114. }
  115.  
  116. ul.keytopics-search-list {
  117. list-style: none;
  118. }
  119.  
  120. .keytopics-search-list li {
  121. text-align: left;
  122. }
  123.  
  124. .keytopics-search-list li a {
  125. display: block;
  126. }
  127.  
  128. .keytopic-sublist li span {
  129. font-weight: bold;
  130. font-size: 0.8em;
  131. display: block;
  132. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement