Advertisement
Alantag26

FB-Séries css

Feb 24th, 2018
410
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.62 KB | None | 0 0
  1. .fundo {
  2. background: #111111!important;
  3. display: block;
  4. position: relative;
  5. padding: 25px 0 0 0;
  6. z-index: 0;
  7. overflow: hidden;
  8. border-top-style: solid;
  9. border-top-color: #232323;
  10. }
  11. .slogan .big {
  12. font-size: 30px;
  13. display: block;
  14. color: white;
  15. }
  16. .menu-topo li a {
  17. display: block;
  18. padding: 22px 15px 30px 15px;
  19. color: #fff;
  20. background: #ffffff00!important;
  21. -webkit-animation: all 0.6s ease-in-out;
  22. -moz-animation: all 0.6s ease-in-out;
  23. -ms-animation: all 0.6s ease-in-out;
  24. -o-animation: all 0.6s ease-in-out;
  25. position: relative;
  26. z-index: 20;
  27. }
  28. .menu-bg {
  29. height: 85px;
  30. display: block;
  31. position: relative;
  32. background-color: #171717!important;
  33. background: #23232300;
  34. }
  35. .fundo {
  36. background: #111111!important;
  37. display: block;
  38. position: relative;
  39. padding: 25px 0 0 0;
  40. z-index: 0;
  41. overflow: hidden;
  42. border-top-style: solid;
  43. border-top-color: #232323;
  44. }
  45. .lista-filmes li {
  46. list-style: none;
  47. margin: 0 20px 30px 0;
  48. padding: 0;
  49. float: left;
  50. width: 160px;
  51. height: 290px;
  52. overflow: hidden;
  53. background: #232323!important;
  54. border-bottom: 2px solid #232323;
  55. -webkit-transition: all 0.2s ease-in-out;
  56. -moz-transition: all 0.2s ease-in-out;
  57. -o-transition: all 0.2s ease-in-out;
  58. -ms-transition: all 0.2s ease-in-out;
  59. transition: all 0.2s ease-in-out;
  60. }
  61. .menu-topo li ul li a:hover, .menu-topo li ul li.sfHover a, .menu-topo li ul li.sfHover ul li a:hover, .tooltip-theme, .slider .flex-prev, .slider .flex-next, .button_link.loop {
  62. background-color: #232323!important;
  63. }
  64. .busca .pesquisa, .lista-filmes li .titulo-box, .navigation .current, .navigation a:hover, .num-top, .links-servidores li, .lista-filmes-relacionados li div.box .titulo-box, ol.commentlist li .reply-link a, .forms .cancel-comment-reply a, #submit, .lista-search li:hover .tipo-icon, .bg-vermelho, .tooltip-theme {
  65. background-color: #232323;
  66. }
  67. .sidctn a {
  68. color: #ffffff!important;
  69. }
  70. body {
  71. margin: 0;
  72. padding: 0;
  73. font-family: 'open sans', arial, serif;
  74. font-size: 14px;
  75. color: #6d6d6d;
  76. background: #111111 url(images/black/pattern-rodape.png);
  77. }
  78. .navigation a {
  79. background: #404040!important;
  80. display: inline-block;
  81. overflow: hidden;
  82. padding: 5px 10px;
  83. color: #ababab;
  84. font-size: 14px;
  85. }
  86. .copy {
  87. font-size: 12px;
  88. background: #23232380;
  89. overflow: hidden;
  90. }
  91. .sub_title2 {
  92. position: absolute;
  93. font: Tahoma #5b5b5b;
  94. font-size: 11px;
  95. top: 54px;
  96. left: 90px;
  97. color: #7d7d7d;
  98. text-shadow: none;
  99. }
  100. span {
  101. color: white;
  102. }
  103. .heading {
  104. font-size: 18px;
  105. color: #fff;
  106. text-transform: uppercase;
  107. }
  108. a, .menu-topo li a:hover, .menu-topo li.sfHover a, .caption-branco a, .sidctn a:hover, .coll-13 .sidctn a:hover, .breadcrumb a, .content a, .info-video a:hover, .comentarios a, .nome-resultado a:hover, ol.commentlist li .texto-comentario a {
  109. color: #ffffff;
  110. }
  111. .menu-topo li a:hover, .menu-topo li.sfHover a {
  112. color: #fff;
  113. background: #ffffff00;
  114. -webkit-animation: all 0.8s ease-in-out;
  115. -moz-animation: all 0.8s ease-in-out;
  116. -ms-animation: all 0.8s ease-in-out;
  117. -o-animation: all 0.8s ease-in-out;
  118. }
  119. .lista-filmes {
  120. list-style: none;
  121. margin: 0;
  122. padding: 0;
  123. background: #ffffff00;
  124. overflow: hidden;
  125. position: relative;
  126. display: block;
  127. }
  128. .line-bg-footer {
  129. background: #ffffff14;
  130. height: 6px;
  131. display: block;
  132. position: relative;
  133. }
  134. .caixa-mensagem #comment {
  135. border: 1px solid #232323;
  136. box-shadow: 0px 0px 0px 5px #232323;
  137. padding: 5px;
  138. width: 690px;
  139. margin: 0 0 0 5px;
  140. font-size: 12px;
  141. -webkit-box-sizing: border-box;
  142. -moz-box-sizing: border-box;
  143. -ms-box-sizing: border-box;
  144. -o-box-sizing: border-box;
  145. box-sizing: border-box;
  146. height: 150px;
  147. resize: vertical;
  148. background-color: #383838;
  149. }
  150. .inputs-comentario .input-small #author, .input-small #email, .input-small #url {
  151. border: 1px solid #232323;
  152. box-shadow: 0px 0px 0px 5px #232323;
  153. padding: 5px;
  154. width: 95%;
  155. font-size: 12px;
  156. background-color: #383838;
  157. }
  158. ul.tabs li a:hover {
  159. background: #ffffff17;
  160. color: #ffffff;
  161. }
  162. .tab_container {
  163. border: 1px solid #232323;
  164. border-top: none;
  165. clear: both;
  166. float: left;
  167. width: 100%;
  168. background: #232323;
  169. margin-top: 0px;
  170. }
  171. .tab_content {
  172. display: none;
  173. background: #232323;
  174. padding-left: 15px;
  175. padding-top: 15px;
  176. }
  177. ul.tabs li a {
  178. color: #ffffff75;
  179. display: block;
  180. padding: 0 20px;
  181. }
  182. ul.tabs li {
  183. float: left;
  184. margin: 0;
  185. padding: 0;
  186. height: 31px;
  187. line-height: 31px;
  188. border: 1px solid #ffffff14;
  189. border-left: none;
  190. margin-bottom: -1px;
  191. background: #232323;
  192. overflow: hidden;
  193. position: relative;
  194. }
  195. ul.tabs {
  196. margin: 0;
  197. padding: 0;
  198. float: left;
  199. list-style: none;
  200. height: auto;
  201. background: #232323;
  202. border-left: 1px solid #989696;
  203. width: 100%;
  204. }
  205. .continue-box {
  206. background-color: #232323;
  207. width: 160px;
  208. height: fit-content;
  209. display: flex;
  210. align-items: center;
  211. justify-content: center;
  212. border: 1px solid #79797900;
  213. margin-left: auto;
  214. margin-right: auto;
  215. cursor: pointer;
  216. flex-direction: column;
  217. }
  218. .info-video a {
  219. color: #ffffff63;
  220. }
  221. html ul.tabs li.active, html ul.tabs li.active a:hover {
  222. background: #1d1d1d;
  223. border-bottom: 1px solid #1d1d1d;
  224. color: white;
  225. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement