API tools faq
paste
Advertisement
luckyoldsun

rose layout

luckyoldsun
Mar 25th, 2019
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.10 KB | None | 0 0
raw download clone embed print report
  1. FRIENDS_WEBSITE<=
  2.  
  3. <table cellspacing="0" cellpadding="0" border="0" summary="">
  4. <tr><td valign="left" width="160" rowspan="1">
  5. <div id="wreath"></div>
  6. <div id="icon" style="z-index:98;"><img src="http://www.insanejournal.com/userpic/37682197/4229074" align="right" style="width: 75; height: 75; border: 2.5px; padding: 2.5px; background: #fbc5c5; border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; opacity: .9; position: relative; display:block;"></div>
  7. </td>
  8.  
  9. <div id="layer">
  10. <img src="" style="display: block; margin-top: 15px; margin-left: 300px; transform: rotate(-15deg); width:px; height: px; opacity: .8;">
  11. </div>
  12.  
  13. <td width="335" valign="right" cellspacing="0" style="padding-left: 5px;">
  14. <font class="header" style="display:block; padding-left: 40px;">you set fire to my world, couldn't handle the heat</div></font>
  15.  
  16. <font class="title2" style="display:block;vertical-align:bottom;">
  17. <div id="title" style="padding-left: 143px; padding-top: 64px;"><font style="color: #666;">now i'm sleeping alone and i'm starting to freak</font></div></td></div>
  18.  
  19. <table cellspacing="0" cellpadding="0" border="0" summary="">
  20. <tr><td valign="bottom" colspan="0" width="600">
  21. <table height="0" align="right" cellspacing="0" border="0" cellpadding="0">
  22. <tr><td valign="top">
  23.  
  24. <div id="buttons">
  25. <font class="title2" style="display:inline; color: #999; font-size: 5px;"><a href="/profile" title="userinfo"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">userinfo</font></a>&nbsp;<a href="/friends" title="friends"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">friends</font></a>&nbsp;<a href="http://cierraar.insanejournal.com/calendar" title="calendar"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">calendar</font></a></font>
  26. </td></tr></table></td></tr>
  27.  
  28.  
  29.  
  30. <=FRIENDS_WEBSITE
  31.  
  32. DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">post</a></td></tr>
  33.  
  34. LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">post</a></td></tr>
  35.  
  36. GLOBAL_HEAD<=
  37.  
  38. <style>
  39.  
  40. body, td {
  41. font-family: verdana, sans-serif;
  42. font-size: 10pt;
  43. }
  44. tt, pre {
  45. font-family: monospace;
  46. }
  47. a {
  48. text-decoration: none;
  49. }
  50. a:hover {
  51. text-decoration: underline;
  52. }
  53. .shadowed, .ljadshadowed {
  54. font-size: 8pt;
  55. background: ;
  56. }
  57. .ljadshadowed div {
  58. visibility: visible;
  59. position: relative;
  60. }
  61. .meta {
  62. font-size: 8pt;
  63. }
  64. .index {
  65. font-size: 8pt;
  66. }
  67. .caption, .index {
  68. color: ;
  69. }
  70. .comments {
  71. font-size: 8pt;
  72. }
  73. </style>
  74.  
  75.  
  76. <link rel="shortcut icon" href="https://tentacrafts.neocities.org/sky/cloud1.png">
  77.  
  78. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
  79. <link rel="stylesheet" href="https://fontcity.neocities.org/autumnchant.css?family=autumn+chant">
  80.  
  81.  
  82.  
  83.  
  84. <style>
  85.  
  86.  
  87.  
  88. /* background */
  89. body {background: #ffffff; background-image: linear-gradient(to bottom, transparent, #fbc5c5), url(https://imgur.com/9ATz765.png);
  90. background-position:top center, top center;
  91. background-repeat:no repeat, no repeat;
  92. background-attachment:fixed, fixed;}
  93.  
  94.  
  95. /* body text */
  96. body, td{font-family: cousine; font-size: 8px; letter-spacing:0px; line-height: 11px; color: #999;}
  97.  
  98. /* link effects */
  99. a {
  100. color: #999;
  101. text-decoration: none;
  102. border-bottom: 1px solid #e5e5e5;
  103.  
  104. background-size: 200% auto;
  105. -webkit-background-size: 200% auto;
  106. -moz-background-size: 200% auto;
  107. background-position: -0% 0;
  108. transition: background-position 1s ease-out;
  109. -webkit-transition: background-position 1s ease-out;
  110. -webkit-transition-duration: 1.0s;
  111. -moz-transition-duration: 1.0s;
  112. -o-transition-duration: 1.0s;}
  113.  
  114. a:hover {
  115. background-position: -100% 0;
  116. background-image: linear-gradient(to right, rgba(20,0,0,0) 50%, #e5e5e5 50%);
  117. text-decoration: none;}
  118.  
  119. /* entry box */
  120. .entrybox {width:594px;}
  121. .date, a.index {visibility:visible !important;}
  122.  
  123. /* headerbox */
  124. .shadowed {width: 600px;}
  125. .shadowed img {display: none;}
  126. .entrybox, .shadowed {background: url(https://i.imgur.com/ovOdyHm.png); box-shadow:0 0 0px #; border-width: 1px 0 0 0; border-style: solid; -webkit-border-image: -webkit-linear-gradient(right, #e5e5e5, #e5e5e5) 100% 1; -moz-border-image: -moz-linear-gradient(right, #e5e5e5, #e5e5e5) 100% 1; -o-border-image: -o-linear-gradient(right, #aaaaaa, #F0C8BF) 100% 1; border-image: linear-gradient(to right, #e5e5e5, #e5e5e5) 100% 1;}
  127.  
  128. /* subject lines */
  129. td.caption{font-family: cousine; letter-spacing: 1px; text-transform: uppercase; font-size: 7px; color: #979797; padding: 0 0 0 1px; border-width: 0 0 0px 0; border-style: solid;
  130. -webkit-border-image: -webkit-linear-gradient(right, #e5e5e5, #e5e5e5, #e5e5e5) 100% 1;
  131. -moz-border-image: -moz-linear-gradient(right, #e5e5e5, #e5e5e5, #e5e5e5) 100% 1;
  132. -o-border-image: -o-linear-gradient(right, #e5e5e5, #e5e5e5, #e5e5e5) 100% 1;
  133. border-image: linear-gradient(to right, #e5e5e5, #e5e5e5, #e5e5e5) 100% 1;}}
  134.  
  135. /* currents (mood, music) and bottom banner navigation links */
  136. table table table td.meta {font-family: cousine; font-size: 7px; letter-spacing: 1px; line-height:100%; text-transform: uppercase; text-shadow: #000000}
  137.  
  138. /* comments */
  139. .comments {font-family:cousine; font-size: 7px; line-height:5px; letter-spacing:1px; text-transform: uppercase; padding-top:0px; color:#999; background-color: #;}
  140.  
  141. /* top banner main navigation links */
  142. table table table table td.meta {font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial, sans-serif; text-transform: uppercase; }
  143.  
  144. /* date & time */
  145. .date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}
  146. .dates {font-family: cousine; color: #aaaaaa; font-size: 6px; line-height:2px; letter-spacing:1px; text-transform:uppercase; padding-left: 5px;}
  147.  
  148. /* friends page icons & users. */
  149. .entrybox a.index {color:#999; font-family: cousine; font-size:6px; line-height:8px; text-transform: uppercase; letter-spacing: 1px; padding:0px; background: url(http://i.imgur.com/eLjRmuC.png);}
  150. .index img {width: 80px; height: 80px;}
  151.  
  152. /*hides userpic info brackets */
  153. .entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
  154.  
  155. /* usericons & locks. */
  156. .ljuser img {display: none;} .ljuser:before {content:"";}
  157. img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/Tt0sw0k.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-1px !important;}
  158. p table table td.caption img {height:6px; width:7px; opacity:0.7;}
  159. img[src*="img/icon_private.gif"]{display: none;}
  160. img[src*="img/icon_protected.gif"]{display: none;}
  161.  
  162. /* hides/edits navigation text */
  163. .index {visibility: hidden;}
  164. table table table td.meta {font-size:0px;line-height:0px;}
  165. p table.entrybox table table td.meta, table table table td.meta a {padding: 0 5; font-style: italic; font-family: quicksand, arial; font-size:6px; background-color:rgba(250,250,250,0.7); line-height:110%; letter-spacing: 1px; text-transform:uppercase;}
  166.  
  167. /* hides top nav bar text */
  168. .entrybox td.meta {display:none; visibility:hidden;}
  169.  
  170. /* highlighting */
  171. ::selection {background-color:#fff; color:#000 ;}
  172. ::-moz-selection {background-color:#fff; color: #000 ;}
  173. ::-webkit-selection {background-color:#fff; color:#000 ;}
  174.  
  175. /* cursor */
  176. body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
  177. a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}
  178.  
  179. /* scrollbar */
  180. ::-webkit-scrollbar {width: 5px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-image: url();background-color:#ffffff;}
  181. ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0px 0px 1px #eee;background-image:url('');border-radius:0px;background-color:#979797;}
  182.  
  183. /* image under gif */
  184. #layer {position: absolute; top: 3px; margin-left: -208px; visibility: visible; z-index: 1;}
  185.  
  186. /*~ines for headerbox codes */
  187. #title{position:absolute; visibility: visible; top: -15px; left: 50%; margin-left: -171px; z-index:0;}
  188. #title2{position:absolute; visibility: visible; top: 3px; margin-left: -150px;}
  189. #icon{position:absolute; visibility: visible; top: 6px; left: 50%; margin-left: -125px; z-index:;}
  190. #buttons{position: relative; visibility: visible; top: -93px; left: 10px; height: 0; padding: 10px;}
  191. #wreath {position:absolute; top: 8px; left: 50%; margin-left: -115px; visibility: visible; z-index: 1; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}
  192.  
  193. /* ~coding header codes */
  194. table table table table .meta {visibility:hidden; position:absolute;}
  195. table table table table table .meta {visibility:visible; position:relative;}
  196. tr.caption {display:none}
  197. .shadowed td div {visibility:hidden; position:absolute; top:0px; margin-top: 20px;}
  198. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  199.  
  200. /* ~marak codes */
  201. .title2{font-family: cousine; font-style: italic; font-size: 11px; line-height: 7px; color:#666; letter-spacing:0px; text-transform: lowercase; font-weight: light; padding:0px;}
  202. .header{
  203. font-family: cousine;
  204. font-size: 11px; line-height:5px;
  205. color: #666; text-shadow: 0px 0px 0px #, 0px 0px 0px #; margin-left:0px; margin-right:11px;
  206. letter-spacing:0px; text-transform: lowercase; font-weight: light; margin-left: 43px; margin-top:40px;}
  207.  
  208. /* ~ tessisamess sidebar codes */
  209. #sidebar{visibility:visible; position: absolute; width:120px; top:-6px; left:50%; margin-left: 270px; text-align:center;}
  210. #sidebar img{display:inline; max-width:100%;}
  211. #sidebar-inner{display:block; margin:10px 30px;}
  212. input[type=checkbox]{display:none;}
  213.  
  214. label{display:block; margin:0 30px; cursor:pointer; background: ; border:none; border-bottom:none!important; padding:2px 4px; text-align:left; -webkit-border-radius:4px; border-radius:5px;}
  215. label i{ font-style:normal; display:block;}
  216.  
  217. .drop{display:block; margin: 4px 30px; background: url(http://i.imgur.com/eLjRmuC.png); max-height:0; overflow:hidden; text-align:left; color:#aaaaaa; font-family: quicksand; font-size: 6px; line-height: 7px; letter-spacing:1px; text-transform:uppercase; letter-spacing:1px; box-shadow:0 0 1px #dddddd;
  218. -webkit-border-radius: 5px 5px 5px 5px; border-radius:0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
  219.  
  220. input[type=checkbox]:checked ~ label{-webkit-border-radius:5px 5px 5px 5px;; border-radius:5px 5px 5px 5px;}
  221. input[type=checkbox]:checked ~ .drop{ max-height:400px;}
  222. .drop a{display:block; color: #aaaaaa; padding:3px 4px;}
  223. .drop a:hover{ background:#ffc8b4; color:#fff;}
  224.  
  225.  
  226. </style>
  227.  
  228. <=GLOBAL_HEAD
  229.  
  230. FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">post</a></td></tr>
  231.  
  232. LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
  233.  
  234. LASTN_OPT_ITEMS=>3
  235.  
  236. FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
  237.  
  238. LASTN_WEBSITE<=
  239.  
  240. <table cellspacing="0" cellpadding="0" border="0" summary="">
  241. <tr><td valign="left" width="160" rowspan="1">
  242. <div id="wreath"></div>
  243. <div id="icon" style="z-index:98;"><img src="http://www.insanejournal.com/userpic/37682197/4229074" align="right" style="width: 75; height: 75; border: 2.5px; padding: 2.5px; background: #fbc5c5; border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; opacity: .9; position: relative; display:block;"></div>
  244. </td>
  245.  
  246. <div id="layer">
  247. <img src="" style="display: block; margin-top: 15px; margin-left: 300px; transform: rotate(-15deg); width:px; height: px; opacity: .8;">
  248. </div>
  249.  
  250. <td width="335" valign="right" cellspacing="0" style="padding-left: 5px;">
  251. <font class="header" style="display:block; padding-left: 40px;">you set fire to my world, couldn't handle the heat</div></font>
  252.  
  253. <font class="title2" style="display:block;vertical-align:bottom;">
  254. <div id="title" style="padding-left: 143px; padding-top: 64px;"><font style="color: #666;">now i'm sleeping alone and i'm starting to freak</font></div></td></div>
  255.  
  256. <table cellspacing="0" cellpadding="0" border="0" summary="">
  257. <tr><td valign="bottom" colspan="0" width="600">
  258. <table height="0" align="right" cellspacing="0" border="0" cellpadding="0">
  259. <tr><td valign="top">
  260.  
  261. <div id="buttons">
  262. <font class="title2" style="display:inline; color: #999; font-size: 5px;"><a href="/profile" title="userinfo"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">userinfo</font></a>&nbsp;<a href="/friends" title="friends"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">friends</font></a>&nbsp;<a href="http://cierraar.insanejournal.com/calendar" title="calendar"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">calendar</font></a></font>
  263. </td></tr></table></td></tr>
  264.  
  265. <=LASTN_WEBSITE
  266.  
  267. DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!