API tools faq
paste
Advertisement
cocoofrps

PAGE 2 : NAVIGATION 'LOST EYES'

cocoofrps
Jun 21st, 2014
973
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:200,
  11. tip_fade_speed:300
  12. }
  13. );
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18. <head><title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--- THEME BY @cocoofrps --->
  25.  
  26. <style type="text/css">
  27.  
  28. ::-webkit-scrollbar-thumb {
  29. height:auto;
  30. border:1px solid #a6707d;
  31. background-color: #6c617f;
  32. }
  33.  
  34. ::-webkit-scrollbar {
  35. height:9px;
  36. width:7px;
  37. border:1px solid #a6707d;
  38. background-color:#444166;
  39. }
  40.  
  41. ::selection {
  42. background: #6c617f;
  43. color: #3d385b;
  44. }
  45.  
  46. ::-moz-selection {
  47. background: #6c617f;
  48. color: #3d385b;
  49. }
  50.  
  51. ::-webkit-selection {
  52. background: #6c617f;
  53. color: #3d385b;
  54. }
  55.  
  56. body {
  57. background-color:#2c1d3c;
  58. margin:0px;
  59. color:#d3b5bd;
  60. font-family:'calibri';
  61. font-size:11px;
  62. line-height:110%;
  63. overflow-y:auto;
  64. letter-spacing:1px;
  65. text-align:justify;
  66. background-image:url('http://static.tumblr.com/7c3cd8u/r3bn7izw5/q.png');
  67. background-attachment:fixed;
  68. }
  69.  
  70. small,big,code {
  71. font-size:11px;
  72. font-family:'Courier New';
  73. }
  74.  
  75. pre {
  76. font-family:'Courier New';
  77. font-size:8px;
  78. width:auto;
  79. padding:5px 8px;
  80. background-color:#c3a6b2;
  81. color:#2c1d3c;
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. -webkit-transition: all 0.4s ease-in-out;
  89. -moz-transition: all 0.4s ease-in-out;
  90. -o-transition: all 0.4s ease-in-out;
  91. -ms-transition: all 0.4s ease-in-out;
  92. transition: all 0.4s ease-in-out;
  93. color:#c3a6b2;
  94. }
  95.  
  96. b {
  97. color:#c3a6b2;
  98. font-weight:100;
  99. }
  100.  
  101. a:hover {
  102. color:#c3a6b2;
  103. -webkit-transition: all 0.4s ease-in-out;
  104. -moz-transition: all 0.4s ease-in-out;
  105. -o-transition: all 0.4s ease-in-out;
  106. -ms-transition: all 0.4s ease-in-out;
  107. transition: all 0.4s ease-in-out;
  108. }
  109.  
  110. img {
  111. border:none;
  112. width:auto;
  113. }
  114.  
  115. blockquote {
  116. margin-left:5px;
  117. width:auto;
  118. padding-left:5px;
  119. border-left:5px solid #c3a6b2;
  120. }
  121.  
  122. blockquote blockquote {
  123. padding-left:5px;
  124. border-left:5px solid #c3a6b2;
  125. }
  126.  
  127. h1 {
  128. font-size:11px;
  129. letter-spacing:2px;
  130. text-transform:uppercase;
  131. font-style:none;
  132. line-height:10px;
  133. text-align:center;
  134. padding:0px;
  135. }
  136.  
  137. /*BOX*/
  138.  
  139. #header {
  140. position:fixed;
  141. margin-left:200px;
  142. width:930px;
  143. background-color:#2c1d3c;
  144. }
  145.  
  146. #tabs {
  147. position:fixed;
  148. margin-top:160px;
  149. margin-left:195px;
  150. }
  151.  
  152. #tabs a {
  153. display:inline-block;
  154. background-color:#a6707d;
  155. padding:10px;
  156. width:100px;
  157. letter-spacing:3px;
  158. margin-left:5px;
  159. font-family:'courier new';
  160. text-align:center;
  161. color:#332748;
  162. }
  163.  
  164. #box {
  165. position:fixed;
  166. background-color:#3d385b;
  167. border:5px solid #88697f;
  168. width:900px;
  169. height:450px;
  170. margin-left:200px;
  171. margin-top:200px;
  172. padding:10px;
  173. }
  174.  
  175. #box h1 {
  176. position:absolute;
  177. font-family:'courier new';
  178. font-size:20px;
  179. }
  180.  
  181. .plot {
  182. position:absolute;
  183. width:290px;
  184. height:390px;
  185. margin-top:40px;
  186. background-color:#a6707d;
  187. padding:10px;
  188. overflow:auto;
  189. }
  190.  
  191. .before {
  192. position:absolute;
  193. width:300px;
  194. height:150px;
  195. background-color:#a6707d;
  196. overflow-y:auto;
  197. margin-left:320px;
  198. padding:10px;
  199. margin-top:40px;
  200. }
  201.  
  202. .before a {
  203. display:inline-block;
  204. background-color:#d3b5bd;
  205. color:#2c1d3c;
  206. margin-top:13px;
  207. padding:10px;
  208. width:100px;
  209. margin-left:15px;
  210. font-family:'courier new';
  211. }
  212.  
  213. .after {
  214. position:absolute;
  215. width:300px;
  216. height:170px;
  217. background-color:#a6707d;
  218. margin-left:320px;
  219. padding:10px;
  220. overflow-y:auto;
  221. margin-top:260px;
  222. }
  223.  
  224. .after a {
  225. display:inline-block;
  226. background-color:#d3b5bd;
  227. color:#2c1d3c;
  228. margin-top:13px;
  229. padding:10px;
  230. width:100px;
  231. margin-left:15px;
  232. font-family:'courier new';
  233. }
  234.  
  235. .after code {
  236. padding:5px;
  237. position:absolute;
  238. margin-top:5px;
  239. text-transform:uppercase;
  240. }
  241.  
  242. .admins {
  243. position:absolute;
  244. padding:10px;
  245. background-color:#a6707d;
  246. width:230px;
  247. margin-left:650px;
  248. height:390px;
  249. overflow:auto;
  250. margin-top:40px;
  251. }
  252.  
  253. .ad img {
  254. height:64px;
  255. float:left;
  256. padding-right:5px;
  257. }
  258.  
  259. .ad code {
  260. font-family:'calibri';
  261. font-style:italic;
  262. }
  263.  
  264. /*CREDIT*/
  265.  
  266. #cred {
  267. position:fixed;
  268. font-family:'helvetica';
  269. text-transform:uppercase;
  270. font-size:20px;
  271. background-color:#3d385b;
  272. width:10px;
  273. bottom:10px;
  274. right:10px;
  275. height:10px;
  276. border-radius:20px;
  277. padding:5px;
  278. border:2px solid #88697f;
  279. }
  280.  
  281. #cred a {
  282. color:#3d385b;
  283. }
  284.  
  285. #s-m-t-tooltip{
  286. position:absolute;
  287. background-color:#3d385b;
  288. padding:3px 5px 3px;
  289. z-index:99999999999999999999999999999999;
  290. margin-top:-30px;
  291. margin-left:-30px;
  292. font-family:'Courier New';
  293. display:block;
  294. text-transform:uppercase;
  295. font-size:8px;
  296. color:#c3a6b2;
  297. }
  298.  
  299.  
  300. {CustomCSS}</style>
  301. </head>
  302. <body>
  303. <div id="header"><img src="http://static.tumblr.com/7c3cd8u/4OUn7iyyt/1.png"></div>
  304. <div id="tabs">
  305. <a href="/">BACK</a>
  306. <a href="/ask">ASK</a>
  307. </div>
  308. <div id="box">
  309. <h1>THE FULL STORY</h1>
  310. <div class="plot">
  311. Plot goes in here.
  312. </div>
  313. <h1 style="margin-left:320px;">BEFORE ACCEPTANCE</h1>
  314. <div class="before">
  315. <a href="/">RULES</a>
  316. <a href="/">TAKEN</a><br/>
  317. <a href="/">APP TIPS</a>
  318. <a href="/">APPLICATION</a><br/>
  319. <a href="/">WAITING LIST</a>
  320. <a href="/">ACCEPTANCE</a>
  321. </div>
  322. <h1 style="margin-left:320px;margin-top:230px;">AFTER ACCEPTANCE</h1>
  323. <div class="after">
  324. <a href="/">FOLLOW</a>
  325. <a href="/">OOC MEMBERS</a><br/>
  326. <a href="/">LIVING</a>
  327. <a href="/">GOSSIP BLOG</a><br/>
  328. <a href="/">TEAMS</a>
  329. <a href="/">TASKS</a><br/>
  330. <code>TAGS TO TRACK: #tagone, #tagtwo, #tagthree, #tagfour</code>
  331. </div>
  332. <h1 style="margin-left:650px;">ADMINS</h1>
  333. <div class="admins">
  334. <div class="ad">
  335. <pre>NAME; TIMEZONE; MASCOT</pre>
  336. <img src="http://static.tumblr.com/7c3cd8u/xIfn7ix5q/1.png">
  337. <code>Pellentesque dignissim malesuada ante a pulvinar. Aenean molestie tempus ante, non lacinia arcu semper nec. Nullam sit amet lorem sit amet dolor tincidunt pulvinar. Maecenas purus ligula, dapibus sit amet nisl nec, tincidunt tempor lorem. Donec at enim urna.</code>
  338. </div>
  339.  
  340. <div class="ad">
  341. <pre>NAME; TIMEZONE; MASCOT</pre>
  342. <img src="http://static.tumblr.com/7c3cd8u/J5xn7ix68/2.png">
  343. <code>Pellentesque dignissim malesuada ante a pulvinar. Aenean molestie tempus ante, non lacinia arcu semper nec. Nullam sit amet lorem sit amet dolor tincidunt pulvinar. Maecenas purus ligula, dapibus sit amet nisl nec, tincidunt tempor lorem. Donec at enim urna.</code>
  344. </div>
  345.  
  346. <div class="ad">
  347. <pre>NAME; TIMEZONE; MASCOT</pre>
  348. <img src="http://static.tumblr.com/7c3cd8u/N7Mn7ix6l/3.png">
  349. <code>Pellentesque dignissim malesuada ante a pulvinar. Aenean molestie tempus ante, non lacinia arcu semper nec. Nullam sit amet lorem sit amet dolor tincidunt pulvinar. Maecenas purus ligula, dapibus sit amet nisl nec, tincidunt tempor lorem. Donec at enim urna.</code>
  350. </div>
  351. <!-- If you want to add more of the admin things, just copy from <div class="ad"> till the </div> that ends it and past it before this div down here. -->
  352. </div>
  353. <!--BOX ENDS-->
  354. </div>
  355.  
  356. <div id="cred">
  357. <a href="http://cocoofrps.tumblr.com/" title="NAV PAGE BY COCO">#</a>
  358. </div>
  359.  
  360. </body>
  361. </html>
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!