API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 17th, 2018
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.64 KB | None | 0 0
raw download clone embed print report
  1. @charset "UTF-8";
  2.  
  3. /* --- EXTRA.css --- */
  4.  
  5. /* Header by Captain34
  6. * --------------------------------------- */
  7. body {
  8. font-family: 'Montserrat', sans-serif !important;
  9. }
  10.  
  11. body ::-moz-selection {
  12. background: #f8c82d !important;
  13. color: white !important; }
  14.  
  15. body ::selection {
  16. background: #f8c82d !important;
  17. color: white !important; }
  18.  
  19. .container {
  20. max-width: 1170px !important;
  21. margin-right: auto !important;
  22. margin-left: auto !important; }
  23.  
  24. a {
  25. text-decoration: none !important;
  26. cursor: pointer !important; }
  27.  
  28. a:hover {
  29. -webkit-transition: all 0.5s !important;
  30. -o-transition: all 0.5s !important;
  31. transition: all 0.5s !important;
  32. color: #f8c82d !important; }
  33.  
  34. .btn {
  35. height: 48px !important;
  36. padding: 10px 13px 10px 10px !important;
  37. margin: 18px 0 0 0 !important;
  38. line-height: 48px !important;
  39. vertical-align: middle !important;
  40. font-weight: bold !important;
  41. color: white !important;
  42. background-color: #323232 !important;
  43. -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; -khtml-border-radius: 6px !important; border-radius: 6px !important; }
  44.  
  45. .erreur {
  46. background: white !important;
  47. display: table !important;
  48. margin-bottom: 10px !important; }
  49. .erreur svg {
  50. background-color: #f8c82d !important;
  51. display: table-cell !important;
  52. vertical-align: middle !important;
  53. height: 38px !important;
  54. padding: 0 15px 0 17px !important;
  55. width: 47px !important;
  56. color: #fff !important; }
  57. .erreur .content {
  58. color: #323232 !important;
  59. display: table-cell !important;
  60. vertical-align: middle !important;
  61. padding-left: 10px !important;
  62. padding-right: 10px !important; }
  63.  
  64. .success {
  65. color: #6abc3a !important; }
  66.  
  67. ::-webkit-scrollbar {
  68. width: 7px !important;
  69. /* for vertical scrollbars */
  70. height: 7px !important;
  71. /* for horizontal scrollbars */ }
  72.  
  73. ::-webkit-scrollbar-track {
  74. background: #796e6e !important; }
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. background: #cdcdcd !important;
  78. height: 10px !important;
  79. -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -khtml-border-radius: 20px !important; border-radius: 20px !important; }
  80.  
  81. ::-webkit-scrollbar-track-piece {
  82. height: 30px !important; }
  83.  
  84. /* IMPORT CSS
  85. * --------------------------------------- */
  86. .header-logo {
  87. font-family: 'Montserrat', sans-serif;
  88. background-image: url("https://hype-mc.fr/img/header_bg.png") !important;
  89. background-size: cover !important;
  90. border-bottom: 1px solid #323232 !important; }
  91. .header-logo .header_bottom {
  92. padding-top: 50px !important;
  93. min-height: 200px !important;
  94. position: relative !important;
  95. background-color: #f8c82d47 !important;
  96. padding-top: 15px !important;
  97. padding-bottom: 15px !important; }
  98. .header-logo .header_bottom .container {
  99. padding-top: 50px !important;
  100. padding-bottom: 50px !important;
  101. display: -webkit-box !important;
  102. display: -ms-flexbox !important;
  103. display: flex !important;
  104. -webkit-box-pack: justify !important;
  105. -ms-flex-pack: justify !important;
  106. justify-content: space-between !important;
  107. text-align: center !important; }
  108. .header-logo .header_bottom .container .join, .header-logo .header_bottom .container .server-info {
  109. margin-top: 95px !important; }
  110. .header-logo .header_bottom .container .btn {
  111. padding-left: 20px !important;
  112. padding-right: 20px !important;
  113. font-family: 'Montserrat', sans-serif;
  114. font-size: 16px;
  115. }
  116. .header-logo .header_bottom .container img {
  117. width: 220px !important; }
  118. .header-logo .header_bottom .container h2 {
  119. color: #323232 !important;
  120. font-size: 24px;
  121. font-weight: bold;
  122. }
  123. .header-logo .header_bottom .container p {
  124. margin-bottom: 5px !important;
  125. font-size: 16px;
  126. }
  127. .header-logo .header_bottom .container span {
  128. color: #323232 !important;
  129. font-weight: bold !important; }
  130.  
  131. .nav, .nav_forum {
  132. line-height: 80px !important;
  133. height: 80px !important;
  134. width: 100% !important;
  135. padding: 0 !important;
  136. margin: 0 !important;
  137. background-color: #f8c82db8 !important;
  138. border-bottom: 1.5px solid #f8c82d !important;
  139. text-transform: uppercase !important;
  140. color: white;
  141. }
  142. .nav .logo, .nav_forum .logo {
  143. display: none !important;
  144. line-height: 70px !important;
  145. margin-left: 10px !important; }
  146. .nav .logo_resp img, .nav_forum .logo_resp img {
  147. position: relative !important;
  148. top: 10px !important;
  149. z-index: 1 !important;
  150. width: 150px !important; }
  151. .nav ul li, .nav_forum ul li {
  152. display: inline-block !important; }
  153. .nav li, .nav_forum li {
  154. height: 70px !important;
  155. margin-top: 0 !important;
  156. padding-right: 10px !important;
  157. padding-left: 10px !important; }
  158. .nav .active p, .nav_forum .active p {
  159. color: #323232 !important;
  160. border-bottom: 3px solid #323232 !important; }
  161. .nav a, .nav_forum a {
  162. text-decoration: none !important;
  163. font-weight: bold !important;
  164. font-size: 20px !important;
  165. font-style: normal !important;
  166. color: white !important;
  167. float: right !important; }
  168. .nav a svg, .nav_forum a svg {
  169. color: #e4e4e4 !important; }
  170. .nav a:hover, .nav_forum a:hover {
  171. color: #796e6e !important; }
  172.  
  173. /* Bouton Mobile */
  174. .mobile-btn {
  175. text-align: left !important;
  176. display: none !important; }
  177. .mobile-btn .icon {
  178. position: absolute !important;
  179. color: #323232 !important;
  180. z-index: 300 !important;
  181. right: 30px !important;
  182. top: 20px !important; }
  183. .mobile-btn i {
  184. font-size: 30px !important;
  185. cursor: pointer !important; }
  186.  
  187. .dropdown {
  188. position: relative !important;
  189. display: inline-block !important; }
  190.  
  191. .dropdown-content {
  192. display: none !important;
  193. position: absolute !important;
  194. right: 0 !important;
  195. background-color: #f9f9f9 !important;
  196. min-width: 160px !important;
  197. z-index: 1 !important;
  198. cursor: pointer !important; }
  199.  
  200. .dropdown-content a {
  201. padding: 12px 16px !important;
  202. line-height: 15px !important;
  203. display: block !important; }
  204.  
  205. .dropdown:hover .dropdown-content {
  206. display: block !important; }
  207.  
  208. .display {
  209. -webkit-transform: translateX(0px) !important;
  210. -ms-transform: translateX(0px) !important;
  211. -webkit-transform: translateX(0px) !important; -moz-transform: translateX(0px) !important; -o-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important;transform: translateX(0px) !important; }
  212.  
  213. .body_fige {
  214. overflow: scroll !important; }
  215.  
  216. @media screen and (max-width: 1622px) {
  217. .container {
  218. width: 1200px !important;
  219. margin-right: auto !important;
  220. margin-left: auto !important; } }
  221.  
  222. @media screen and (max-width: 1244px) {
  223. .container {
  224. width: 1000px !important;
  225. margin-right: auto !important;
  226. margin-left: auto !important; } }
  227.  
  228. @media screen and (max-width: 1052px) {
  229. .container {
  230. width: 800px !important;
  231. margin-right: auto !important;
  232. margin-left: auto !important; }
  233. .online {
  234. display: none !important; } }
  235.  
  236. @media screen and (max-width: 848px) {
  237. .container {
  238. width: 100% !important;
  239. padding-right: 0px !important;
  240. padding-left: 0px !important; }
  241. body {
  242. margin-top: 69px !important; }
  243. .logo_resp {
  244. display: none !important; }
  245. .dropdown {
  246. display: block !important; }
  247. .bottom_nav {
  248. margin-top: 70px !important; }
  249. .dropdown-content {
  250. display: none !important;
  251. position: inherit !important; }
  252. .display {
  253. -webkit-transform: translateX(0px) !important;
  254. -ms-transform: translateX(0px) !important;
  255. -webkit-transform: translateX(0px) !important; -moz-transform: translateX(0px) !important; -o-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important;transform: translateX(0px) !important; }
  256. .site_cache {
  257. -webkit-transition-duration: 0.3s !important;
  258. -o-transition-duration: 0.3s !important;
  259. transition-duration: 0.3s !important;
  260. position: fixed !important;
  261. z-index: 200 !important;
  262. top: 0 !important;
  263. right: 0 !important;
  264. left: 0 !important;
  265. bottom: 0 !important;
  266. background-color: rgba(0, 0, 0, 0.6) !important; }
  267. .nav, .nav_forum {
  268. top: 0 !important;
  269. position: fixed !important;
  270. line-height: 40px !important;
  271. height: 70px !important;
  272. width: 100% !important;
  273. z-index: 400 !important; }
  274. .nav .logo, .nav_forum .logo {
  275. display: block !important; }
  276. .nav img, .nav_foruù img {
  277. display: none !important; }
  278. .nav ul, .nav_forum ul {
  279. width: 200px !important;
  280. overflow-y: scroll !important;
  281. z-index: 300 !important;
  282. -webkit-transition-duration: 0.3s !important;
  283. -o-transition-duration: 0.3s !important;
  284. transition-duration: 0.3s !important;
  285. position: fixed !important;
  286. top: 70px !important;
  287. left: 0px !important;
  288. bottom: 0 !important;
  289. -webkit-transform: translateX(-200px) !important;
  290. -ms-transform: translateX(-200px) !important;
  291. -webkit-transform: translateX(-200px) !important; -moz-transform: translateX(-200px) !important; -o-transform: translateX(-200px) !important; -ms-transform: translateX(-200px) !important;transform: translateX(-200px) !important;
  292. background-color: #323232 !important; }
  293. .nav ul li, .nav_forum ul li {
  294. position: relative !important;
  295. text-align: center !important;
  296. -webkit-box-sizing: border-box !important;
  297. box-sizing: border-box !important;
  298. width: 100% !important;
  299. margin-left: 0 !important;
  300. margin-right: 0 !important; }
  301. .nav .active, .nav_forum .active {
  302. color: #3a211c !important;
  303. background-color: #323232 !important;
  304. padding-top: 0px !important;
  305. padding-bottom: 0px !important; }
  306. .nav .first-a, .nav_forum .first-a {
  307. margin-left: 0px !important; }
  308. .nav a:hover, .nav_forum a:hover {
  309. color: #f8c82d !important;
  310. -webkit-transition: padding 0.0s !important;
  311. -o-transition: padding 0.0s !important;
  312. transition: padding 0.0s !important;
  313. color: #3a211c !important;
  314. background-color: #323232 !important;
  315. padding-top: 0px !important;
  316. padding-bottom: 0px !important; }
  317. .mobile-btn {
  318. display: block !important; }
  319. .logo {
  320. display: block !important; } }
  321.  
  322. .text-join {
  323. font-size: 30px;
  324. margin-top: 95px !important;
  325. color: white;
  326. font-family: cursive;
  327. font-family: 'Montserrat', sans-serif;
  328. }
  329.  
  330. .info-ip-player {
  331. font-size: 30px;
  332. margin-top: 95px !important;
  333. color: white;
  334. font-family: cursive;
  335. font-family: 'Montserrat', sans-serif;
  336. }
  337.  
  338. /* Header by Captain34
  339. * --------------------------------------- */
  340.  
  341. #content .pageContent {
  342. border: 0px solid rgb(226, 226, 226) !important;
  343. }
  344.  
  345. .nodeList .categoryForumNodeInfo,
  346. .nodeList .forumNodeInfo,
  347. .nodeList .pageNodeInfo,
  348. .nodeList .linkNodeInfo {
  349. border: 1px solid rgb(226, 226, 226);
  350. /* border-bottom-width: 2px; */
  351. -webkit-border-radius: 4px;
  352. -moz-border-radius: 4px;
  353. -khtml-border-radius: 4px;
  354. -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
  355. overflow: visible;
  356. }
  357.  
  358. .messageUserBlock .userTitle {
  359. display: none!important;
  360. }
  361.  
  362. .userBanner.bannerRed {
  363. color: white;
  364. background-color: red;
  365. border-color: #F88;
  366. font-size: 13px;
  367. }
  368.  
  369. .userBanner.bannerOrange {
  370. color: white;
  371. background-color: orange;
  372. border-color: #FFC520;
  373. font-size: 13px
  374. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!