TropicalDeer

Peach & Mint 2020

Jan 6th, 2020
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.88 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/321802766899085314/656706597250269195/peach_2.0.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. color: 347349;
  132. }
  133.  
  134. /* NOTIFICATIONS BUTTONS*/
  135. .notifications .btn {
  136. text-transform: uppercase;
  137. font-size: 11px;
  138. }
  139.  
  140. /* NOTIFICATIONS TEXT (NON LINKS) */
  141. tbody b {
  142. font-weight: normal;
  143. }
  144.  
  145. /* TOP BANNER AD */
  146. .left-column .text-center.margin-10px {
  147. display: none;
  148. }
  149.  
  150. /* HEADERS */
  151. .content h2 {
  152. font-size: 16px;
  153. text-transform: uppercase;
  154. color: #fff;
  155. text-align: center;
  156. }
  157.  
  158. /* VILLAGE SHIELD ANIMATION (it bobs up and down slowly) */
  159. /* you may remove this section if you like */
  160. .village-shield {
  161. animation: bob 1.0s ease-out infinite;
  162. position: relative;
  163. padding: 20px;
  164. }
  165. @keyframes bob {
  166. 0% {
  167. top: 5px;
  168. }
  169. 50% {
  170. top: 8px;
  171. }
  172. 100% {
  173. top: 5px;
  174. }
  175. }
  176.  
  177. /* USER DATA */
  178. .user-data {
  179. border-radius: 20px;
  180. color: 347349;
  181. }
  182.  
  183. /* QUICK LINKS */
  184. .user-links {
  185. margin: 0;
  186. padding: 0;
  187. }
  188.  
  189. /* USER INFO, TROPHIES */
  190. .col-xs-7, .col-xs-5 {
  191. padding: 20px;
  192. }
  193.  
  194. /* TROPHIES TEXT */
  195. .trophies-header {
  196. text-transform: uppercase;
  197. font-size: 14px;
  198. }
  199.  
  200. /* TROPHIES IMAGES */
  201. .trophies .row img {
  202. max-width: 50px;
  203. padding-left: 0;
  204. padding-right: 0;
  205. }
  206.  
  207. .col-md-8 {
  208. width: 70%;
  209. }
  210.  
  211. .col-md-8 .btn {
  212. margin: 5px;
  213. transition: 1s all;
  214. background-image: none;
  215. text-shadow: none;
  216. background: rgba(***,***,***,0.7);
  217. font-weight: normal !important;
  218. }
  219.  
  220. .col-md-8 .btn:hover {
  221. margin: 5px;
  222. transition: 1s all;
  223. background-image: none;
  224. text-shadow: none;
  225. background: rgba(***,***,***,1);
  226. }
  227.  
  228. /* PROFILE DESCRIPTION BODY TEXT */
  229. .user-data .user-desc {
  230. padding: 30px;
  231. margin: 0;
  232. color: 347349;
  233. }
  234.  
  235. /* VILLAGERS */
  236. .content .villagers-list {
  237. padding: 20px;
  238. border-radius: 20px;
  239. max-height: 190px;
  240. transition: 3s;
  241. overflow: hidden;
  242. }
  243. .villagers-list:hover {
  244. max-height: 5000px;
  245. }
  246.  
  247. /* GALLERY */
  248. .gallery {
  249. max-height: 500px;
  250. overflow: hidden;
  251. }
  252. .panel {
  253. border-radius: 20px;
  254. border: none;
  255. }
  256.  
  257. /* GALLERY ITEM TEXT */
  258. .name {
  259. display: none;
  260. }
  261.  
  262. /* GALLERY BUTTON */
  263. .gallery-header .btn-link {
  264. font-weight: normal;
  265. }
  266.  
  267. /* COMMENT FORM */
  268. .content .textarea {
  269. border: none;
  270. }
  271.  
  272. /* POST BUTTON */
  273. .content .textarea + .btn {
  274. text-transform: uppercase;
  275. }
  276.  
  277. /* USER COMMENTS */
  278. .user-comments {
  279. height: 300px;
  280. overflow: auto;
  281. }
  282.  
  283. /* USER COMMENTS BODY */
  284. .user-comments .user-comment {
  285. width: 550px;
  286. border: none;
  287. }
  288. .user-comments .user-comment .footer {
  289. width: 515px;
  290. color: #fff !important;
  291. }
  292. .user-comments .user-comment:after,
  293. .user-comments .user-comment:before {
  294. border-right-color: rgba(103,200,155, 0.5);
  295. color: 347349;
  296. }
  297.  
  298. /* USER COMMENTS AVATARS */
  299. .user-avatar-wrapper img {
  300. margin: 10px;
  301. border-radius: 47px;
  302. width: 60px;
  303. }
  304.  
  305. /* PAGINATION */
  306. .content .pagination a {
  307. background: rgba(103,200,155,0.5) !important;
  308. border: 0 !important;
  309. }
  310. .content .pagination a:hover {
  311. background: rgba(103,200,155,0.7) !important;
  312. }
  313. .content .active span {
  314. z-index: 3;
  315. border: 0 !important;
  316. }
  317. .content .pagination > .disabled > span,
  318. .content .pagination > .disabled > span:hover,
  319. .content .pagination > .disabled > span:focus,
  320. .content .pagination > .disabled > a,
  321. .content .pagination > .disabled > a:hover,
  322. .content .pagination > .disabled > a:focus {
  323. background-color: rgba(###,###,###,0.2) !important;
  324. border: 0 !important;
  325. }
  326.  
  327. /* "HI, USERNAME" */
  328. .user-info h4 {
  329. text-transform: uppercase;
  330. /* you may choose a different font family for this */
  331. font: 13px 'Helvetica';
  332. padding-top: 5px;
  333. padding-bottom: 5px;
  334. }
  335.  
  336. /* USER PANEL BODY TEXT */
  337. .right-column .widget .user-info p {
  338. text-transform: uppercase;
  339. /* you may choose a different font family for this */
  340. font: 11px 'Helvetica';
  341. }
  342.  
  343. /* WIDGET BODY */
  344. .widget-content {
  345. border-radius: 0 0 20px 20px;
  346. }
  347.  
  348. /* WIDGET HEADER (blue border) */
  349. .content .widget-header {
  350. border-bottom: none;
  351. }
  352.  
  353. /* WIDGET HEADER */
  354. .widget-header h3 {
  355. border-radius: 20px 20px 0 0;
  356. margin: 0;
  357. padding: 10px 0 5px;
  358. text-align: center;
  359. text-shadow: none;
  360. font-weight: normal;
  361. color: rgb(***,***,***);
  362. padding: 10px 0px;
  363. text-transform: uppercase;
  364. /* you may choose a different font family for this */
  365. font: 12px 'Helvetica';
  366. border-bottom: 1px dotted #fff;
  367. }
  368.  
  369. /* VIEW MORE BUTTONS */
  370. .right-column .btn-link {
  371. color: rgb(***,***,***) !important;
  372. }
  373. .right-column .btn-link:hover {
  374. color: rgb(%%%,%%%,%%%) !important;
  375. }
  376.  
  377. /* RECENT ACTIVITY */
  378. .recent-posts .widget-content {
  379. padding-bottom: 5px;
  380. }
  381. .recent-posts .forum-posts li:nth-child(even) {
  382. background: none;
  383. }
  384. .widget .forum-posts p {
  385. color: #fff !important;
  386. }
  387.  
  388. .widget .forum-posts li {
  389. border-bottom: 1px solid #fff;
  390. }
  391.  
  392. /* USER PANEL ICON */
  393. .right-column .text-center img {
  394. border-radius: 20px;
  395. }
  396. /* SOCIAL MEDIA ACCOUNTS LINKS (BOTTOM) */
  397. /* you may comment/delete this section if you like*/
  398. .social a {
  399. width: 44px;
  400. height: 44px;
  401. display: inline-block;
  402. }
  403. .social img {
  404. display: none;
  405. }
  406. .social a:first-child {
  407. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508827586906947584/peach_n_mint.png);
  408. }
  409. .social a:nth-child(2) {
  410. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508828112683794432/peach_n_mint.png);
  411. }
  412. .social a:last-child {
  413. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508828611306979351/peach_n_mint.png);
  414. }
  415.  
  416. /* BOTTOM LINKS FOOTER */
  417. footer .bottom {
  418. background-color: rgba(103,200,155,0.8);
  419. border-radius: 20px;
  420. padding: 5px;
  421. }
  422.  
  423. p.copyright.align-center {
  424. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508551135905316864/ALXQ.png) no-repeat;
  425. }
  426.  
  427. /* FLOATING REPORT USER PROFILE */
  428. .report a {
  429. position: fixed;
  430. bottom: 30px;
  431. left: 30px;
  432. color: rgb(169, 68, 66);
  433. border-radius: 5px;
  434. padding: 5px;
  435. }
  436. .report a:hover {
  437. color: #ed1c24;
  438. }
  439.  
  440. /* TOOLTIPSTER (dotted border under timestamp) */
  441. span.tooltipster {
  442. border-bottom: 1px dashed rgb(***,***,***);
  443. }
  444. .villagers-list li {
  445. width: 20%;
  446. }
  447. .content h1 {
  448. font-size: 0;
  449. position: absolute;
  450. width: 700px;
  451. height: 169px;
  452. background: url(https://cdn.discordapp.com/attachments/321802766899085314/656705755096809495/header_1.png);
  453. }
  454. .user-data {
  455. margin-bottom: 30px;
  456. margin-top: 205px;
  457. border-top: 1px solid #d0d0d0;
  458. color: 347349;
  459. }
  460. .village-shield img {
  461. width: 150px;
  462. height: 150px;
  463. overflow: hidden;
  464. padding-left: 150px;
  465. background: url(https://cdn.discordapp.com/attachments/469245638475907073/508735326412341297/quetzal-palace_mint.png);
  466. }
Advertisement
Add Comment
Please, Sign In to add comment