TropicalDeer

Miami Peach

Nov 4th, 2018
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.69 KB | None | 0 0
  1. a .fa {
  2. transition: none;
  3. }
  4. * {
  5. transition: 1s;
  6. }
  7. .report a,
  8. .widget-content,
  9. .user-comments .user-comment,
  10. .content .textarea + .btn,
  11. .content .textarea,
  12. .gallery-header .btn-link,
  13. .panel,
  14. .villagers-list,
  15. .user-data,
  16. .alert.success,
  17. .alert.alert,
  18. .alert,
  19. .notifications .btn,
  20. .recent-posts .forum-posts li:nth-child(odd),
  21. .user-panel.clearfix {
  22. background: rgba(254,194,141,0.8);
  23. }
  24. .report a:hover,
  25. .content .textarea + .btn:hover,
  26. .gallery-header .btn-link:hover,
  27. .notifications .btn,
  28. .search-form .input,
  29. .widget-header h3,
  30. .dropdown-menu,
  31. #logo+:nth-child(2) {
  32. background: rgb(103,200,155);
  33. }
  34. .content .active span,
  35. .table tr:hover td,
  36. .dropdown-menu .multi-column-dropdown li .fa p,
  37. .dropdown-menu .multi-column-dropdown li a {
  38. background: rgb(103,200,155) !important;
  39. }
  40. div.bottom,
  41. .widget-content,
  42. .user-info h4,
  43. .content .pagination > .disabled > span,
  44. .content .pagination > .disabled > span:hover,
  45. .content .pagination > .disabled > span:focus,
  46. .content .pagination > .disabled > a,
  47. .content .pagination > .disabled > a:hover,
  48. .content .pagination > .disabled > a:focus,
  49. .content .textarea,
  50. .content,
  51. .search-form .input,
  52. .dropdown-menu .multi-column-dropdown li a,
  53. .content h1.clearfix, //added
  54. .user-comments .user-comment .footer,
  55. .widget .forum-posts p {
  56. color: #fff;
  57. }
  58. .content .pagination a,
  59. .gallery-header .btn-link,
  60. .alert.success,
  61. .alert.alert,
  62. .alert,
  63. .dropdown-menu .multi-column-dropdown li a {
  64. color: #fff !important;
  65. }
  66. .content:after {
  67. background: url(https://static.tumblr.com/0eae6c416d2f2e490aad979d60521657/gfcg9es/tytnxd25u/tumblr_static_tumblr_static_3awx8qikg22oskss4o0woss8s_640.jpg);
  68. height: 100%;
  69. background-size: cover;
  70. position: fixed;
  71. top: 0;
  72. z-index: -1;
  73. }
  74. a,
  75. .user-comments .user-comment .footer a,
  76. .widget .forum-posts p a {
  77. color: rgb(***,***,***);
  78. }
  79. a:hover, a:focus, a:active,
  80. .user-comments .user-comment .footer a:hover,
  81. .widget .forum-posts p a:hover {
  82. color: rgb(%%%,%%%,%%%);
  83. text-decoration: none;
  84. }
  85.  
  86.  
  87. #logo a {
  88. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508546552533614614/peach.png) no-repeat;
  89. }
  90.  
  91. .search-form .input {
  92. border: none;
  93. }
  94.  
  95. /* DROPDOWN MENU */
  96. .dropdown-menu .multi-column-dropdown li a:hover {
  97. transition: 0.5s all !important;
  98. background: #fff !important;
  99. color: rgb(103,200,155) !important;
  100. }
  101. .dropdown-menu .multi-column-dropdown li a {
  102. transition: 0.5s all !important;
  103. color: #fff !important;
  104. }
  105.  
  106. /* USER PANEL NAV */
  107. .user-panel.clearfix {
  108. border-radius: 0 0 10px 10px;
  109. }
  110. header .user-panel,
  111. header .user-panel a {
  112. color: rgb(***,***,***) !important;
  113. }
  114. header .user-panel a:hover {
  115. color: rgb(%%%,%%%,%%%) !important;
  116. }
  117.  
  118. /* WEBPAGE GENERAL CSS */
  119. .content {
  120. background: none;
  121. margin-bottom: 100px;
  122. padding: 20px;
  123. }
  124.  
  125. /* NOTIFICATIONS TABLE */
  126. .table tr:nth-child(even) td,
  127. .table tr:nth-child(odd) td {
  128. background: none;
  129. border: none;
  130. padding: 10px 13px;
  131. }
  132.  
  133. /* NOTIFICATIONS BUTTONS*/
  134. .notifications .btn {
  135. text-transform: uppercase;
  136. font-size: 11px;
  137. }
  138.  
  139. /* NOTIFICATIONS TEXT (NON LINKS) */
  140. tbody b {
  141. font-weight: normal;
  142. }
  143.  
  144. /* TOP BANNER AD */
  145. .left-column .text-center.margin-10px {
  146. display: none;
  147. }
  148.  
  149. /* HEADERS */
  150. .content h2 {
  151. font-size: 16px;
  152. text-transform: uppercase;
  153. color: #fff;
  154. text-align: center;
  155. }
  156.  
  157. /* VILLAGE SHIELD ANIMATION (it bobs up and down slowly) */
  158. /* you may remove this section if you like */
  159. .village-shield {
  160. animation: bob 1.0s ease-out infinite;
  161. position: relative;
  162. padding: 20px;
  163. }
  164. @keyframes bob {
  165. 0% {
  166. top: 5px;
  167. }
  168. 50% {
  169. top: 8px;
  170. }
  171. 100% {
  172. top: 5px;
  173. }
  174. }
  175.  
  176. /* USER DATA */
  177. .user-data {
  178. border-radius: 20px;
  179. }
  180.  
  181. /* QUICK LINKS */
  182. .user-links {
  183. margin: 0;
  184. padding: 0;
  185. }
  186.  
  187. /* USER INFO, TROPHIES */
  188. .col-xs-7, .col-xs-5 {
  189. padding: 20px;
  190. }
  191.  
  192. /* TROPHIES TEXT */
  193. .trophies-header {
  194. text-transform: uppercase;
  195. font-size: 14px;
  196. }
  197.  
  198. /* TROPHIES IMAGES */
  199. .trophies .row img {
  200. max-width: 50px;
  201. padding-left: 0;
  202. padding-right: 0;
  203. }
  204.  
  205. /* DOORSTEP (DMM EVENT EXCLUSIVE) */
  206. .col-md-4 {
  207. width: 30%;
  208. text-align: center;
  209. }
  210.  
  211. .col-md-8 {
  212. width: 70%;
  213. }
  214.  
  215. .col-md-8 .btn {
  216. margin: 5px;
  217. transition: 1s all;
  218. background-image: none;
  219. text-shadow: none;
  220. background: rgba(***,***,***,0.7);
  221. font-weight: normal !important;
  222. }
  223.  
  224. .col-md-8 .btn:hover {
  225. margin: 5px;
  226. transition: 1s all;
  227. background-image: none;
  228. text-shadow: none;
  229. background: rgba(***,***,***,1);
  230. }
  231.  
  232. /* PROFILE DESCRIPTION BODY TEXT */
  233. .user-data .user-desc {
  234. padding: 30px;
  235. margin: 0;
  236. }
  237.  
  238. /* VILLAGERS */
  239. .content .villagers-list {
  240. padding: 20px;
  241. border-radius: 20px;
  242. max-height: 190px;
  243. transition: 3s;
  244. overflow: hidden;
  245. }
  246. .villagers-list:hover {
  247. max-height: 5000px;
  248. }
  249.  
  250. /* GALLERY */
  251. .gallery {
  252. max-height: 500px;
  253. overflow: hidden;
  254. }
  255. .panel {
  256. border-radius: 20px;
  257. border: none;
  258. }
  259.  
  260. /* GALLERY ITEM TEXT */
  261. .name {
  262. display: none;
  263. }
  264.  
  265. /* GALLERY BUTTON */
  266. .gallery-header .btn-link {
  267. font-weight: normal;
  268. }
  269.  
  270. /* COMMENT FORM */
  271. .content .textarea {
  272. border: none;
  273. }
  274.  
  275. /* POST BUTTON */
  276. .content .textarea + .btn {
  277. text-transform: uppercase;
  278. }
  279.  
  280. /* USER COMMENTS */
  281. .user-comments {
  282. height: 300px;
  283. overflow: auto;
  284. }
  285.  
  286. /* USER COMMENTS BODY */
  287. .user-comments .user-comment {
  288. width: 550px;
  289. border: none;
  290. }
  291. .user-comments .user-comment .footer {
  292. width: 515px;
  293. color: #fff !important;
  294. }
  295. .user-comments .user-comment:after,
  296. .user-comments .user-comment:before {
  297. border-right-color: rgba(103,200,155, 0.5);
  298. }
  299.  
  300. /* USER COMMENTS AVATARS */
  301. .user-avatar-wrapper img {
  302. margin: 10px;
  303. border-radius: 47px;
  304. width: 60px;
  305. }
  306.  
  307. /* PAGINATION */
  308. .content .pagination a {
  309. background: rgba(103,200,155,0.5) !important;
  310. border: 0 !important;
  311. }
  312. .content .pagination a:hover {
  313. background: rgba(103,200,155,0.7) !important;
  314. }
  315. .content .active span {
  316. z-index: 3;
  317. border: 0 !important;
  318. }
  319. .content .pagination > .disabled > span,
  320. .content .pagination > .disabled > span:hover,
  321. .content .pagination > .disabled > span:focus,
  322. .content .pagination > .disabled > a,
  323. .content .pagination > .disabled > a:hover,
  324. .content .pagination > .disabled > a:focus {
  325. background-color: rgba(###,###,###,0.2) !important;
  326. border: 0 !important;
  327. }
  328.  
  329. /* "HI, USERNAME" */
  330. .user-info h4 {
  331. text-transform: uppercase;
  332. /* you may choose a different font family for this */
  333. font: 13px 'Helvetica';
  334. padding-top: 5px;
  335. padding-bottom: 5px;
  336. }
  337.  
  338. /* USER PANEL BODY TEXT */
  339. .right-column .widget .user-info p {
  340. text-transform: uppercase;
  341. /* you may choose a different font family for this */
  342. font: 11px 'Helvetica';
  343. }
  344.  
  345. /* WIDGET BODY */
  346. .widget-content {
  347. border-radius: 0 0 20px 20px;
  348. }
  349.  
  350. /* WIDGET HEADER (blue border) */
  351. .content .widget-header {
  352. border-bottom: none;
  353. }
  354.  
  355. /* WIDGET HEADER */
  356. .widget-header h3 {
  357. border-radius: 20px 20px 0 0;
  358. margin: 0;
  359. padding: 10px 0 5px;
  360. text-align: center;
  361. text-shadow: none;
  362. font-weight: normal;
  363. color: rgb(***,***,***);
  364. padding: 10px 0px;
  365. text-transform: uppercase;
  366. /* you may choose a different font family for this */
  367. font: 12px 'Helvetica';
  368. border-bottom: 1px dotted #fff;
  369. }
  370.  
  371. /* VIEW MORE BUTTONS */
  372. .right-column .btn-link {
  373. color: rgb(***,***,***) !important;
  374. }
  375. .right-column .btn-link:hover {
  376. color: rgb(%%%,%%%,%%%) !important;
  377. }
  378.  
  379. /* RECENT ACTIVITY */
  380. .recent-posts .widget-content {
  381. padding-bottom: 5px;
  382. }
  383. .recent-posts .forum-posts li:nth-child(even) {
  384. background: none;
  385. }
  386. .widget .forum-posts p {
  387. color: #fff !important;
  388. }
  389.  
  390. .widget .forum-posts li {
  391. border-bottom: 1px solid #fff;
  392. }
  393.  
  394. /* USER PANEL ICON */
  395. .right-column .text-center img {
  396. border-radius: 20px;
  397. }
  398. /* SOCIAL MEDIA ACCOUNTS LINKS (BOTTOM) */
  399. /* you may comment/delete this section if you like*/
  400. .social a {
  401. width: 44px;
  402. height: 44px;
  403. display: inline-block;
  404. }
  405. .social img {
  406. display: none;
  407. }
  408. .social a:first-child {
  409. background: url('FACEBOOK ICON IMAGE URL HERE');
  410. }
  411. .social a:nth-child(2) {
  412. background: url('TWITTER ICON IMAGE URL HERE');
  413. }
  414. .social a:last-child {
  415. background: url('TUMBLR ICON IMAGE URL HERE');
  416. }
  417.  
  418. /* BOTTOM LINKS FOOTER */
  419. footer .bottom {
  420. background-color: rgba(103,200,155,0.8);
  421. border-radius: 20px;
  422. padding: 5px;
  423. }
  424.  
  425. p.copyright.align-center {
  426. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508551135905316864/ALXQ.png) no-repeat;
  427. }
  428.  
  429. /* FLOATING REPORT USER PROFILE */
  430. .report a {
  431. position: fixed;
  432. bottom: 30px;
  433. left: 30px;
  434. color: rgb(169, 68, 66);
  435. border-radius: 5px;
  436. padding: 5px;
  437. }
  438. .report a:hover {
  439. color: #ed1c24;
  440. }
  441.  
  442. /* TOOLTIPSTER (dotted border under timestamp) */
  443. span.tooltipster {
  444. border-bottom: 1px dashed rgb(***,***,***);
  445. }
  446. .villagers-list li {
  447. width: 20%;
  448. }
  449. .content h1 {
  450. font-size: 0;
  451. position: absolute;
  452. width: 700px;
  453. height: 169px;
  454. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508731752424931339/header_1.png);
  455. }
  456. .user-data {
  457. margin-bottom: 30px;
  458. margin-top: 205px;
  459. border-top: 1px solid #d0d0d0;
  460. }
  461. .village-shield img {
  462. width: 150px;
  463. height: 150px;
  464. overflow: hidden;
  465. padding-left: 150px;
  466. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508735326412341297/quetzal-palace_mint.png);
  467. }
Advertisement
Add Comment
Please, Sign In to add comment