Advertisement
saraeliz

002_Fresh Blooms

Aug 14th, 2022
1,037
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.29 KB | None | 0 0
  1. <style type="text/css">
  2.     #wrapper {
  3.         background: url(https://i.postimg.cc/Sqk0NBLx/002-layout-full.png) no-repeat top center;
  4.         width: auto;
  5.         }
  6.  
  7. body {background: #000 url(https://i.postimg.cc/xd6L9BHY/002-layout-background.png) no-repeat;
  8. background-size: 100% auto;}
  9. .dottedSeperator { background: url(https://i.postimg.cc/NMNDP5b6/002-layout-dotted-Seperator.png);}
  10. h1.dark-blue {margin-bottom: 40px !important;}
  11.  
  12. #interactiveBanner {display: none;}
  13. #membersOnline, #socialIcons {display: none;}
  14. #logo {background: url(https://i.postimg.cc/43s1fzSv/002-layout-logo.png) no-repeat center; width: 468px; height: 132px;}
  15. #credit {position: absolute; top: 260px; font-size:10px;}
  16.  
  17. /** TABLET CODES **/
  18.     @media (max-width: 1023px) {
  19.         #wrapper {
  20.             background: url(https://i.postimg.cc/Y0sXjhWr/002-layout-tablet.png) no-repeat top center;
  21.             background-size: cover;
  22.             width: auto;}
  23.         h1.dark-blue {margin-top: 150px}
  24. #credit {text-align:center; top: 290px; width:100%;}
  25. .mainTable {margin-top:220px; margin-bottom: -150px;}
  26. h1 {font-size: 40px;}
  27.         }
  28.  
  29. /** MOBILE CODES **/
  30.     @media (max-width: 500px) {
  31.         #wrapper {
  32.             background: url(https://i.postimg.cc/Y09np1jD/002-layout-mobile.png) no-repeat top center;
  33.             background-size: cover;
  34.             width: auto;
  35.             }
  36.         }
  37.  
  38. /** LINK & HEADING COLOR CHANGES **/
  39.     a.menuToggle, a.menuToggle:hover, h4, h5, h6, #sideNavMenu b, .m-t-md, .m-b-md, .green, #footerMagic, #footerContent h3, #footerSubsidiaries, label, #dateTime{
  40.         color: var(--c1) !important;
  41.     }
  42.     #footerMenu a:link, #footerMenu a:visited, #mainContentNav a, .forumReplyLinksLinks a, .forumLinksLinks li {
  43.         color: var(--c2) !important;
  44.     }
  45.     a.sideNavMenuLink:link, a.sideNavMenuLink:visited { color: var(--c4) !important;}
  46.     a.sideNavMenuLink:Hover, .forumMembersInAreaTitle, .darkblue, .dark-blue, #footerCopyright, #footerDescription, p.a, #mainContentNav > ul a, .dark-blue a:link, .dark-blue a:visited, #credit {
  47.         color: var(--c3) !important;
  48.     }
  49.     a:hover, #footerMenu a:hover, #mainContentNav a:hover, .dark-blue a:hover {
  50.         color: var(--c4) !important;
  51.     }  
  52.  
  53. .forumSearchBox button {background-color: var(--c1) !important;}
  54. .forumPageSelect, .forumModerateSelect {background-color: var(--c2) !important; background: url(https://i.postimg.cc/25G7VVss/002-layout-select-Icon.png) no-repeat right;}
  55. .forumLinks li.forumNewThread {background: url(https://i.postimg.cc/nVPT49XZ/002-layout-new-Thread.png) no-repeat top left;}
  56. .forumLinksLinks li.forumWatchList, .forumLinksLinks li.forumWatchThread {background: url(https://i.postimg.cc/2ybQcT1Y/002-layout-watch-List.png) no-repeat top left;}
  57. .forumLinksLinks li.forumParticipationList {background: url(https://i.postimg.cc/Wbq8XpZZ/002-layout-participation-List.png) no-repeat top left;}
  58. .forumLinksLinks li.forumModerate {background: url(https://i.postimg.cc/htFrwF85/002-layout-moderate.png) no-repeat top left;}
  59. .forumLinksLinks li.forumLastPost {background: url(https://i.postimg.cc/fLW5Kx7W/002-layout-last.png) no-repeat top left;}
  60. .forumLinksLinks li.forumTop {background: url(https://i.postimg.cc/wvBcJ9H7/002-layout-top.png) no-repeat top left;}
  61. .forumLinksLinks li.forumLockThread {background: url(https://i.postimg.cc/L5wT2wch/002-layout-lock.png) no-repeat top left;}
  62. .forumLinksLinks li.forumUnlockThread {background: url(https://i.postimg.cc/HxP09Fs3/002-layout-unlock.png) no-repeat top left;}
  63. .forumLinksLinks li.forumSearchThread {background: url(https://i.postimg.cc/t4h5Gr2C/002-layout-search.png) no-repeat top left;}
  64. .forumPostLink {background: url(https://i.postimg.cc/2yVGprXP/002-layout-link.png) no-repeat;}
  65.  
  66. .forumPageNext, .forumPagePrevious, #addReply [type=submit] {background-color: var(--c2); color: #ffffff;}
  67. .forumPageNext:hover, .forumPagePrevious:hover, .forumPageLink:hover, #addReply input:hover {background-color: var(--c1);}
  68. .forumPageButtonDisabled, .forumPageButtonDisabled:active, .forumPageButtonDisabled:hover {background-color: #000;}
  69.  
  70. .forumThreadFlagged { background-color: var(--c1); }
  71.  
  72. .mainTable {opacity: 50%;}
  73. .quidditch-show-off-desktop {margin-top: 40px;}
  74.  
  75.     /** COLOR VARIABLES **/
  76. * {
  77.     --c1: #bf5a7e;
  78.     --c2: #d789a2;
  79.     --c3: #556c54;
  80.     --c4: #779373;
  81.     }
  82. </style>
  83.  
  84. <!--- LAYOUT DESIGN AND CODE BY SARA, DO NOT REMOVE CREDIT PLEASE --->
  85. <div id="credit"><i>layout by: <a href="/userinfo/Sara">Sara</a></i></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement