Advertisement
voskhodart

For loosefeathers

Jun 22nd, 2024
139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.98 KB | None | 0 0
  1.  
  2.     .navbar {
  3. background:#000 !important;
  4. color:#4e4d4f;
  5. padding-top:20px;
  6. padding-bottom:20px;
  7. border-bottom:3px #3a3636 double
  8. }
  9.  
  10. .banner {
  11. border-bottom:3px #3a3636 double;
  12. background-image:url("https://images.unsplash.com/photo-1648362589317-065f81ea1100?q=80\26 amp;w=2067\26 amp;auto=format\26 amp;fit=crop\26 amp;ixlib=rb-4.0.3\26 amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D") !important;
  13. background-position:bottom;
  14. background-repeat:no-repeat;
  15. background-size:cover;
  16. height:250px
  17. }
  18.  
  19. .navbar-dark .navbar-nav .nav-link {
  20. color:#3a3636;
  21. font-weight:700
  22. }
  23.  
  24. .navbar-dark .navbar-nav .nav-link:hover {
  25. color:#524747
  26. }
  27.  
  28. .fab {
  29. font-weight:100;
  30. color:#201e1e
  31. }
  32.  
  33. .fas {
  34. color:#201e1e
  35. }
  36.  
  37. .badge-primary {
  38. color:#b6b6b6;
  39. background-color:#424545;
  40. font-weight:400;
  41. text-transform:lowercase;
  42. font-style:italic
  43. }
  44.  
  45. .fa-heart {
  46. color:#272728
  47. }
  48.  
  49. .navbar-icon {
  50. border:3px #000 double
  51. }
  52.  
  53. .badge-danger {
  54. color:#a4a4a4;
  55. background-color:#424545;
  56. font-weight:400;
  57. font-style:italic;
  58. border:2px #000 solid
  59. }
  60.  
  61. .dropdown-menu {
  62. background:#0b0b0b !important;
  63. border:2px #272728 solid !important;
  64. padding:10px;
  65. color:#868686
  66. }
  67.  
  68. .dropdown-item {
  69. color:#423f3f;
  70. font-weight:400;
  71. letter-spacing:1px;
  72. text-transform:lowercase
  73. }
  74.  
  75. .dropdown-item:hover {
  76. color:#595959;
  77. text-decoration:none;
  78. background-color:#131313;
  79. font-weight:600
  80. }
  81.  
  82. .badge-info {
  83. color:#000;
  84. background-color:#424545;
  85. font-weight:400
  86. }
  87.  
  88. #wrapper {
  89. background-image:url("https://i.imgur.com/87N6Edx.png");
  90. background-repeat:repeat;
  91. background-size:contain
  92. }
  93.  
  94. .banner-container {
  95. margin-bottom:0 !important
  96. }
  97.  
  98. #content {
  99. background-image:url("https://i.imgur.com/vuyPm3l.png");
  100. background-repeat:no-repeat;
  101. margin-top:-16px
  102. }
  103.  
  104. .container-fluid {
  105. max-width:980px;
  106. width:90%
  107. }
  108.  
  109. .profile-header-wrapper {
  110. padding-top:0;
  111. float:left;
  112. width:40%
  113. }
  114.  
  115. .profile-header-background {
  116. background-image:url("https://i.imgur.com/87N6Edx.png") !important;
  117. background-attachment:fixed;
  118. border-bottom:3px #363333 double !important;
  119. border-left:1px solid #222 !important;
  120. border-right:1px solid #222 !important
  121. }
  122.  
  123. .profile-normal-header {
  124. padding-bottom:20px !important;
  125. margin-top:20px
  126. }
  127.  
  128. .profile-header-buttons {
  129. margin-top:29px;
  130. float:none !important
  131. }
  132.  
  133. .profile-description {
  134. width:60%;
  135. max-height:840px;
  136. overflow:auto;
  137. float:right;
  138. padding:30px;
  139. color:#9a9a9a
  140. }
  141.  
  142. .profile-attacks-header {
  143. clear:right !important
  144. }
  145.  
  146. .profile-header-normal-status {
  147. color:#343232
  148. }
  149.  
  150. .profile-links {
  151. min-width:100%;
  152. padding:0
  153. }
  154.  
  155. .profile-followers {
  156. min-width:100% !important;
  157. padding:0
  158. }
  159.  
  160. .nav-tabs .nav-item {
  161. width:20%;
  162. text-align:center
  163. }
  164.  
  165. @media only screen and (max-width: 600px) {
  166. .profile-links, .profile-followers {
  167. float:none !important;
  168. width:100% !important;
  169. margin:0;
  170. padding-left:15px;
  171. padding-right:15px
  172. }
  173.  
  174. .profile-links .panel, .profile-followers .panel {
  175. width:100% !important
  176. }
  177.  
  178. .profile-header-name .element-disabled {
  179. display:block !important
  180. }
  181.  
  182. .profile-header-buttons, .profile-body {
  183. margin-top:0
  184. }
  185. }
  186.  
  187. @media only screen and (max-width: 1600px) {
  188. .profile-header-name .element-disabled {
  189. display:none
  190. }
  191. }
  192.  
  193. .nav {
  194. background:#020202;
  195. border-bottom:double 3px #222
  196. }
  197.  
  198. .active {
  199. background:#0c0c0c !important;
  200. border:0 #fff solid !important;
  201. margin-bottom:1px !important;
  202. color:#5b5757 !important;
  203. text-transform:uppercase;
  204. font-weight:600
  205. }
  206.  
  207. .nav-tabs .nav-link {
  208. color:#686363 !important;
  209. text-transform:uppercase;
  210. font-size:12px;
  211. padding-top:20px;
  212. padding-bottom:20px
  213. }
  214.  
  215. .card-body {
  216. background-color:transparent;
  217. background-image:url("https://i.imgur.com/87N6Edx.png") !important;
  218. background-attachment:fixed;
  219. border:0 !important
  220. }
  221.  
  222. .card {
  223. background-color:transparent;
  224. border-width: 2px !important
  225. }
  226.  
  227. .btn {
  228. background:#000;
  229. color:#393939;
  230. border:0;
  231. font-weight:400;
  232. text-transform:lowercase
  233. }
  234.  
  235. .btn:hover {
  236. color:#e3e3e3;
  237. text-decoration:none;
  238. background:#313131 !important;
  239. font-weight:700
  240. }
  241.  
  242. .card-header {
  243. background-image:url("https://i.imgur.com/XKQxJBC.png") !important;
  244. background-attachment:fixed;
  245. background-repeat:repeat;
  246. background-size:contain;
  247. color:#726e6e;
  248. text-transform:uppercase;
  249. font-weight:600;
  250. letter-spacing:2px
  251. }
  252.  
  253. .alert-success {
  254. color:#939393;
  255. background-color:#0b0b0b;
  256. border-color:#000;
  257. margin-top:16px;
  258. font-weight:700
  259. }
  260.  
  261. .bg-light {
  262. background-image:url("https://i.imgur.com/87N6Edx.png") !important;
  263. background-attachment:fixed !important;
  264. color:#535252 !important
  265. }
  266.  
  267. .footer {
  268. border-top:3px #575757 double;
  269. background:#090909 !important
  270. }
  271.  
  272. div.contain {
  273. background:#000 !important
  274. }
  275.  
  276. .comment {
  277. border:3px double #000;
  278. padding:20px
  279. }
  280.  
  281. .comment .panel-body {
  282. max-height:500px;
  283. overflow:auto;
  284. color:#737373
  285. }
  286.  
  287. .profile-stats-title, .profile-characters-title, .profile-attacks-title, .profile-defenses-title {
  288. text-align:center;
  289. text-transform:uppercase;
  290. letter-spacing:3px;
  291. font-weight:100;
  292. color:#484747
  293. }
  294.  
  295. @media (min-width: 768px) {
  296. .col-md-6 {
  297. width:100%;
  298. min-width:100%;
  299. max-width:100%
  300. }
  301. }
  302.  
  303. .progress {
  304. background-color:#080808
  305. }
  306.  
  307. .progress-bar {
  308. background-color:#333232 !important;
  309. font-weight:900;
  310. color:#646464
  311. }
  312.  
  313. .nav-tabs .nav-link:hover {
  314. border-color:transparent;
  315. background:#070707;
  316. color:#fff !important
  317. }
  318.  
  319. .profile-characters-permissions {
  320. color:#6c6c6c
  321. }
  322.  
  323. .page-item.active .page-link {
  324. color:#b0aaaa;
  325. background-color:#6d7272;
  326. border-color:rgba(0,0,0,0.5)
  327. }
  328.  
  329. .page-item.disabled .page-link {
  330. color:#303030;
  331. background-color:#151515;
  332. border-color:rgba(0,0,0,0.5)
  333. }
  334.  
  335. .page-link {
  336. display:block;
  337. padding:0.5rem 0.75rem;
  338. margin-left:-1px;
  339. line-height:1.25;
  340. color:#a9a7a7;
  341. background-color:#323030;
  342. border:1px solid rgba(0,0,0,0.5)
  343. }
  344.  
  345. @media (min-width: 992px) {
  346. .col-lg-2 {
  347. max-width:33.333% !important;
  348. min-width:33.333% !important;
  349. width:33% !important
  350. }
  351. }
  352.  
  353. @media (min-width: 768px) {
  354. .col-md-2 {
  355. max-width:33.33%;
  356. min-width:33.33%
  357. }
  358. }
  359.  
  360. .donate-wormston {
  361. background:url("https://i.imgur.com/nZu6jOg.gif");
  362. max-height:100px;
  363. padding:50px;
  364. background-repeat:no-repeat
  365. }
  366.  
  367. .navbar-brand img {
  368. display:none
  369. }
  370.  
  371. .artfight-nav .navbar-brand {
  372. background-image:url("https://i.imgur.com/ZsoZpKX.gif") !important;
  373. background-repeat:no-repeat;
  374. padding-left:60px !important;
  375. height:40px
  376. }
  377.  
  378. @media screen and (max-width: 766px) {
  379. .container-fluid, .comments h2, h2.profile-stats-title, h2.profile-characters-title, h2.profile-attacks-title, h2.d-flex.align-items-center.mb-0 {
  380. width:100% !important
  381. }
  382.  
  383. .profile-header-wrapper.clearfix, .nav-tabs {
  384. width:100% !important;
  385. margin:auto !important
  386. }
  387.  
  388. .profile-description.mb-4.clearfix {
  389. float:none !important;
  390. width:100% !important;
  391. margin:auto !important
  392. }
  393.  
  394. .profile-body {
  395. max-height:none !important;
  396. min-height:!important
  397. }
  398.  
  399. .col-6.col-md-4.profile-follower {
  400. height:inherit !important;
  401. min-width:inherit !important
  402. }
  403.  
  404. .profile-followers .card-body.panel-body {
  405. height:inherit !important
  406. }
  407. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement