mik98

cherish my love - css

Dec 7th, 2025 (edited)
46
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.84 KB | None | 0 0
  1. body { background-color:#f1f0f0!important;}
  2.  
  3.  
  4. #xg_body a { color: #444;
  5. }
  6.  
  7. #xg_body a:hover { color: #aaa;
  8. }
  9.  
  10. #xg_layout_column_2 { background: #trans;
  11. font-color: #aaa;
  12. font-family: poppins;
  13. font-size: 12px;
  14. margin-left: -115px;
  15. margin-top: 0px;
  16. width: 1200px;
  17. height: 500px;
  18. }
  19.  
  20. ::-webkit-scrollbar {
  21. display: none;
  22. }
  23.  
  24. /****html****/
  25.  
  26. #code { height: 1500px;}
  27.  
  28.  
  29.  
  30. #container { background-color: #ffb5df;!important; z-index: 1px; width: 345px; height: 450px; left: 250px; top: 80px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-bottom: 0px #222 solid; border-top: 0px #222 solid; color: #fff; letter-spacing: 11px; font-size: 6px; line-height: 10px; text-align: right;}
  31.  
  32. #roundcontainer { background-color: #fff;!important; z-index: 1px; width: 345px; height: 370px; left: 250px; top: 160px; border-radius: 20px 20px 0px 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-bottom: 0px #222 solid; border-top: 0px #222 solid;}
  33.  
  34. #image { background-color:#f1f0f0!important; z-index:10; width:210px; height:160px; left:290px; top:210px; border-radius:0px; position:absolute; border:0px solid #fff; background-size:cover; filter:contrast(100%) grayscale(100%) brightness(100%); color:#bcdfa3; letter-spacing:2px; font-family:herrmes; font-size:62px; text-align:center; padding:10px; overflow:hidden; }
  35.  
  36. #image2 { background-color:#trans!important; z-index:10; width:250px; height:160px; left:277px; top:230px; border-radius:0px; position:absolute; border:0px solid #fff; background-size:cover; filter:contrast(100%) grayscale(0%) brightness(100%); color:#bcdfa3; letter-spacing:2px; font-family:herrmes; font-size:74px; text-align:center; padding:10px; overflow:hidden; transform: rotate(-10deg); font-weight: 1;}
  37.  
  38. #image3 { background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/31007475466?profile=original)!important; z-index:10; width:200px; height:160px; left:295px; top:210px; border-radius:0px; position:absolute; border:0px solid #fff; background-size:cover; filter:contrast(100%) grayscale(0%) brightness(100%); color:#bcdfa3; letter-spacing:2px; font-family:herrmes; font-size:74px; text-align:center; padding:10px; overflow:hidden; transform: rotate(0deg); font-weight: 1;}
  39.  
  40. #topfont { background-color:#trans!important; z-index:10; width:250px; height:160px; left:280px; top:295px; border-radius:0px; position:absolute; border:0px solid #fff; background-size:cover; filter:contrast(100%) grayscale(0%) brightness(100%); color:#ffb5df; letter-spacing:3px; font-family:herrmes; font-size:60px; text-align:center; padding:10px; overflow:hidden; transform: rotate(-10deg); font-weight: 1;}
  41.  
  42.  
  43.  
  44. @font-face { font-family: "herrmes"; src: url('https://static.tumblr.com/eytkop6/RIopdh3e4/herrmes.otf');}
  45.  
  46. #container2 { background-color: #fff;!important; z-index: 1px; width: 335px; height: 20px; left: 610px; top: 80px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-bottom: 0px #222 solid; border-top: 0px #222 solid; text-transform: lowercase; font-family: herrmes; padding-top: 430px; padding-left: 10px; text-align: center; font-size: 80px; line-height: 10px; letter-spacing: 0px; color: #ffefb5; overflow:hidden;}
  47.  
  48.  
  49.  
  50. #fancy-border {
  51. width: 345px;
  52. height: 5px;
  53. text-align: center;
  54. position: relative;
  55. background: #trans;
  56. border-radius: 0px;
  57. overflow: hidden;
  58. transform: rotate(0deg);
  59. left: 605px; top: 75px;
  60.  
  61. }
  62.  
  63. #fancy-border::before {
  64. content: "";
  65. position: absolute;
  66. top: 0;
  67. left: 0;
  68. width: 100%;
  69. height: 40px; /* Thickness of the border */
  70. background: linear-gradient(to right, #ffefb5 33.33%, #bcdfa3 33.33%, #bcdfa3 66.66%, #ffb5df 66.66%);
  71. border-top-left-radius: 0px;
  72. border-top-right-radius: 0px;
  73. }
  74.  
  75.  
  76. #fancy-border2 {
  77. width: 230px;
  78. height: 10px;
  79. text-align: center;
  80. position: relative;
  81. background: #trans;
  82. border-radius: 0px;
  83. overflow: hidden;
  84. transform: rotate(0deg);
  85. left: 285px; top: 190px;
  86.  
  87. }
  88.  
  89. #fancy-border2::before {
  90. content: "";
  91. position: absolute;
  92. top: 0;
  93. left: 0;
  94. width: 100%;
  95. height: 40px; /* Thickness of the border */
  96. background: linear-gradient(to right, #ffefb5 33.33%, #bcdfa3 33.33%, #bcdfa3 66.66%, #ffb5df 66.66%);
  97. border-top-left-radius: 0px;
  98. border-top-right-radius: 0px;
  99. }
  100.  
  101.  
  102. #fancy-border3 {
  103. width: 230px;
  104. height: 10px;
  105. text-align: center;
  106. position: relative;
  107. background: #trans;
  108. border-radius: 0px;
  109. overflow: hidden;
  110. transform: rotate(180deg);
  111. left: 285px; top: 370px;
  112.  
  113. }
  114.  
  115. #fancy-border3::before {
  116. content: "";
  117. position: absolute;
  118. top: 0;
  119. left: 0;
  120. width: 100%;
  121. height: 40px; /* Thickness of the border */
  122. background: linear-gradient(to right, #ffefb5 33.33%, #bcdfa3 33.33%, #bcdfa3 66.66%, #ffb5df 66.66%);
  123. border-top-left-radius: 0px;
  124. border-top-right-radius: 0px;
  125. }
  126.  
  127. #essay { background-color: #trans; z-index: 1px; width: 129px; height: 53px; left: 310px; 90px; top: 430px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: uppercase; font-family: poppins; padding-top: 0px; text-align: justify; font-size: 7px; line-height: 11px; letter-spacing: 0px; color: #aaa;
  128. }
  129.  
  130. #textbox { background-color: #f1f0f0;!important; z-index: 1px; width: 280px; height: 100px; left: 290px; top: 410px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; }
  131.  
  132. #smallimg { background-image: url(https://i.pinimg.com/736x/cf/2c/02/cf2c021c3e104f7483562ab04dc941d5.jpg); !important; z-index: 1px; width: 75px; height:25px; left: 450px; 90px; top: 429px; border-radius: 0px; position: absolute; border-bottom: 15px #fff solid; border-top: 5px #fff solid; border-left: 5px #fff solid; border-right: 5px #fff solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px;}
  133.  
  134. #tag { background-color: #trans; z-index: 1px; width: 129px; height: 53px; left: 455px; 90px; top: 482px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: uppercase; font-family: governor; padding-top: 0px; text-align: justify; font-size: 8px; line-height: 11px; letter-spacing: 0px; color: #aaa;
  135. }
  136.  
  137. @font-face { font-family: "governor"; src: url('https://static.tumblr.com/eytkop6/Xnnpfvhek/governor.ttf'); }
  138.  
  139. #scroll { background-color: #trans; z-index: 1px; width: 250px; height: 0px; left: 670px; 90px; top: 95px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: uppercase; font-family: poppins; padding: 10px; text-align: justify; font-size: 7px; line-height: 0px; letter-spacing: 8px; color: #aaa; transform: rotate(0deg); font-style: normal;
  140. }
  141.  
  142. #all {
  143. position: absolute;
  144. top: 0px;
  145. left: 0px;
  146. margin-left: 620px;
  147. margin-top: 110px;
  148. width: 320px;
  149. height: 365px;
  150. background-color: #fff;
  151. overflow: scroll;
  152. padding: 5px;
  153. }
  154.  
  155. #all td {
  156. width: 100px;
  157. height: 80px;
  158. border: 1px solid #eee;
  159. padding: 2px;
  160. background-color: #fff;
  161. }
  162.  
  163. #all img {
  164. float: center;
  165. width: 85px;
  166. height: 80px;
  167. border: 1px solid #aaa;
  168. padding: 1px;
  169. margin: 2px;
  170. }
  171.  
  172. #all td {
  173. font-family: fashionfetish;
  174. letter-spacing: 0px;
  175. font-size: 6px;
  176. text-transform: lowercase;
  177. text-align: center;
  178. color: #aaa;
  179. margin-top: 1px;
  180.  
  181.  
  182. }
  183.  
  184. @font-face { font-family: "fashionfetish"; src: url('https://static.tumblr.com/eytkop6/mGIpdh2y5/fashion_fetish_regular.ttf');}
  185.  
  186.  
  187. #all td em {
  188. font-style: normal;
  189. text-transform: uppercase;
  190. color: #ffb5df;
  191. display: block;
  192. font-size: 8px;
  193. margin-top: -1px;
  194. font-family: poppins;
  195. font-weight: 999;
  196. }
  197.  
  198. #all td strong {
  199. font-style: normal;
  200. text-transform: uppercase;
  201. color: #bcdfa3;
  202. display: block;
  203. font-size: 8px;
  204. margin-top: -1px;
  205. font-family: poppins;
  206. font-weight: 999;
  207. }
  208.  
  209. #links {
  210. z-index: 100!important;
  211. position: absolute;
  212. overflow: hidden;
  213. font: 11px 'poppins';
  214. text-transform: lowercase;
  215. margin-top: 160px;
  216. margin-left: 510px;
  217. text-align: left;
  218. width: 63px;
  219. height: 215px!important;
  220. background: #trans;
  221. line-height: 28px;
  222. text-align: center;
  223. }
  224.  
  225. #links a {
  226. color: #bcdfa3!important;
  227. margin-left: 20px;
  228. padding-left:10px;
  229. padding: 5px;
  230. -webkit-transition: all 0.7s ease;
  231. display: block;
  232.  
  233. }
  234.  
  235.  
  236. #links a {
  237. color: #bcdfa3!important;
  238. background: #fff;
  239. border-radius: 0%;
  240. padding: 6px;
  241. margin: 10px;
  242. -webkit-transition: all 0.7s ease;
  243. border: 1px solid #bcdfa3;
  244.  
  245.  
  246. }
  247.  
  248. @font-face { font-family:'buffalo'; src: url(https://static.tumblr.com/v6akjgz/QAXringwi/buffaloinline2grunge.ttf); }
  249.  
  250. /****deleted codes****/
  251.  
  252. h1, h2, h3 {display:none} #xg_head, #xg_foot{display:none} #xg_layout_column_1 {display:none} .xg_module.xg_module_comment_wall {display:none} .xg_span-5 {display:none} ul.nobullets.last-child {display:none} .xg_chat.chatFooter {display:none} li.right {display:none} #xn_bar {display:none} #xn_bar_menu_tabs, #xn_bar_menu_more, p#xn_gyo_link, p#xn_brand{ display:none !important; }
  253.  
  254. /****fonts****/
  255.  
  256. @font-face { font-family: qwenzy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/5by6d7bk0k6fkoj/Qwenzy.ttf); }
  257.  
  258. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  259.  
  260. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  261.  
  262. @font-face{font-family:"cocogoose";src:url('https://static.tumblr.com/d5muzyw/ESoqs98ai/cocogoose_pro-trial.ttf');
  263.  
  264. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  265.  
  266.  
  267. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  268.  
  269. @font-face {font-family: noteworthy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/d63hhsagwae41zk/Noteworthy%20Script.otf); }
  270.  
  271.  
  272. @font-face {font-family: soulmaze; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/y2v3i4y79zzk3i3ojrzgb/MADE-Soulmaze-Outline-PERSONAL-USE.ttf);}
  273.  
  274.  
  275. @font-face {
  276. font-family: HelveticaNeueLight;
  277. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  278. }
  279.  
  280. @font-face {
  281. font-family: HelveticaNeueBold;
  282. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  283. }
  284.  
  285.  
  286. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  287.  
  288.  
  289. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  290.  
  291. @font-face {
  292. font-family: LS;
  293. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/inh8ttpmj3uco2gy0l45d/LeagueScript.ttf);
  294. }
Advertisement
Add Comment
Please, Sign In to add comment