API tools faq
paste
Advertisement
ramisaaaaa

Untitled

ramisaaaaa
Jun 3rd, 2012
44
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.52 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by icy-me0ws
  3. -->
  4.  
  5. <html lang="en">
  6. <head>
  7. <!-- DEFAULT VARIABLES -->
  8. <link href='http://fonts.googleapis.com/css?family=Over+the+Rainbow' rel='stylesheet' type='text/css'>
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  10. <meta name="color:Background" content="#AAAAAA"/>
  11. <meta name="color:Title" content="#9E9E9E"/>
  12. <meta name="color:Link" content="#5A5A5A"/>
  13. <meta name="color:Link Shadow" content="#3A3232"/>
  14. <meta name="color:Hover" content="#E3E4FF"/>
  15. <meta name="color:Shadow" content="#FFFFFF"/>
  16. <meta name="if:infinite scrolling" content="0"/>
  17. <meta name="image:Background" content=""/>
  18. <meta name="image:sidebar" content="1"/>
  19. <meta name="if:show photo" content="0"/>
  20. <meta name="text:hoversidebar" content="hover"/>
  21. <meta name="color:link one" content="#FF6B6B"/>
  22. <meta name="color:link two" content="#A0FF6B"/>
  23. <meta name="color:link three" content="#FFF96B"/>
  24. <meta name="color:link four" content="#6B9AFF"/>
  25. <meta name="text:Link One Title" content="" />
  26. <meta name="text:Link One" content="" />
  27. <meta name="text:Link Two Title" content="" />
  28. <meta name="text:Link Two" content="" />
  29. <meta name="text:Link Three Title" content="" />
  30. <meta name="text:Link Three" content="" />
  31. <meta name="text:Link Four Title" content="" />
  32. <meta name="text:Link Four" content="" />
  33.  
  34.  
  35. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  36.  
  37. <style type="text/css">
  38. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  39. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  40.  
  41.  
  42. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  43.  
  44. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  45.  
  46. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  47.  
  48. #biter
  49.  
  50. #bite a {display:block}
  51.  
  52. #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  53.  
  54. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  55.  
  56.  
  57.  
  58. body {
  59. margin:0px;
  60. background-color: {color:Background};
  61. background-image:url({image:Background});
  62. background-attachment: fixed;
  63. background-repeat: repeat;}
  64. body, div, p, textarea, submit, input{
  65. font-family: littlefont;
  66. font-size: 8px;
  67. line-height:10px;
  68. letter-spacing:0px;
  69. color:#000000;
  70. text-shadow: 0 0 10px #000000;
  71. text-shadow: 0 0 1px #000000;
  72. }
  73.  
  74. <script type="text/javascript"
  75. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  76.  
  77.  
  78. ::-webkit-scrollbar {width: 8px; height: 4px; background: #E3E4FF; }
  79.  
  80. ::-webkit-scrollbar-thumb { background-color: #E3E4FF; -webkit-border-radius: 1ex; border: 1px solid black;}
  81.  
  82.  
  83. p {
  84. margin:0px;
  85. margin-top:0px;
  86. }
  87.  
  88. a:link, a:active, a:visited{
  89. color: {color:Link};
  90. text-decoration: none;
  91. }
  92.  
  93. a:hover {
  94. color:{color:Hover};
  95. text-decoration: underline;
  96. font-style: meow;
  97. -webkit-transition: color 0.5s ease-out;
  98. -moz-transition: color 0.5s ease-out;
  99. }
  100.  
  101. div#center{
  102. margin:auto;
  103. margin-top:1px;
  104. position:relative;
  105. width:940px;
  106. background-color:;
  107. overflow:auto;
  108. overflow-y:hidden;
  109. }
  110.  
  111.  
  112. @font-face { font-family: "sweetiepie"; src: url('http://static.tumblr.com/4yxykdm/h9hlrfl0t/sweetie_pie_1_.ttf'); }
  113.  
  114. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  115.  
  116. @font-face { font-family: "craftygirls"; src: url('http://themes.googleusercontent.com/static/fonts/craftygirls/v0/0Sv8UWFFdhQmesHL32H8o3hCUOGz7vYGh680lGh-uXM.woff'); }
  117.  
  118. div#content{
  119. float:right;
  120. width:354px;
  121. margin-right: 324px;
  122. background: #fff;
  123. margin-top: {text:Entries Begin};
  124. padding-top: 3px;
  125. padding: 0px;
  126. -webkit-box-shadow: 0px 0px 48px #000000;
  127. -moz-box-shadow: 0px 0px 48px #000000;
  128. box-shadow: 0px 0px 48px #000000;
  129. }
  130.  
  131. #entry{
  132. float: left;
  133. {block:IndexPage}
  134. width: 350px;
  135. height: auto;
  136. overflow:hidden;
  137. overflow-y:hidden;
  138. margin:0px;
  139. padding: 2px;
  140. padding-top: 2px;
  141. padding-bottom: 2px;
  142. {/block:IndexPage}
  143. {block:PermalinkPage}
  144. width:490px;
  145. height: auto;
  146. margin:3px;
  147. padding:5px;
  148. {/block:PermalinkPage}
  149. background-color:{color:Sidebar};
  150. }
  151.  
  152. #entry .perma a{
  153. color:{Color:Links};}
  154.  
  155. #entry .perma{
  156. width:90px;
  157. height: 90px;;
  158. font-family: littlefont;
  159. position: absolute;
  160. font-size: 8px;
  161. line-height: 20px;
  162. text-align: center;
  163. overflow:hidden;
  164. opacity: 0.0;
  165. background-color:#fff;
  166. margin-top: 5px;
  167. margin-left: 195px;
  168. letter-spacing: 0px;
  169. border-radius: 2px;
  170. border: 2px solid #DADADA;
  171. text-shadow:1px 1px 5px #5a5a5a;
  172. -webkit-transition: all 0.3s linear;
  173. -moz-transition: all 0.3s linear;
  174. transition: all 0.3s linear;
  175. }
  176.  
  177. #entry:hover .perma{
  178. margin-top: 0px;
  179. margin-left: 0px;
  180. width: auto;
  181. height: auto;
  182. overflow:visible;
  183. -webkit-transition: opacity 0.3s linear;
  184. opacity: 0.8;
  185. -webkit-transition: all 0.3s linear;
  186. -moz-transition: all 0.3s linear;
  187. transition: all 0.3s linear;
  188. border-radius: 0px;
  189. -moz-transform: rotate(360deg);
  190. -webkit-transform: rotate(360deg);
  191. -o-transform: rotate(360deg);
  192. border-top-right-radius:40px;
  193.  
  194. border-bottom-right-radius:40px;
  195.  
  196. border-top-left-radius:40px;
  197.  
  198. border-bottom-left-radius:40px;
  199. }
  200.  
  201.  
  202.  
  203. div#sidebar{
  204. position:fixed !important;
  205. width: 200px;
  206. height:auto;
  207. margin-top: 100px;
  208. margin-left: 30px;
  209. padding: 2px;
  210. line-height:11px;
  211. letter-spacing:0px;
  212. margin-bottom: 6px;
  213. background-color:white;
  214. background-color: #fff;
  215. -webkit-box-shadow: 0px 0px 48px #000000;
  216. -moz-box-shadow: 0px 0px 48px #000000;
  217. box-shadow: 0px 0px 48px #000000;
  218. }
  219.  
  220. #postnotes{
  221. text-align: justify;}
  222.  
  223. #postnotes blockquote{
  224. border: 0px;}
  225.  
  226. .title{
  227. font-family: over the rainbow;
  228. font-size: 12px;
  229. line-height: 11px;
  230. color: {color:Title};
  231. font-weight: ;
  232. letter-spacing: 1px;
  233. padding:0px 0px 0px 0px;
  234. }
  235.  
  236. .blogtitle{
  237. font-family: stars;
  238. font-size: 30px;
  239. line-height: 50px;
  240. color: {color:Title};
  241. font-weight: bold;
  242. padding:0px 0px 0px 0px;
  243. }
  244.  
  245. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  246.  
  247. .video embed, .post div.video object {width:200px !important; height:135px !important;}
  248.  
  249. blockquote{
  250. padding:0px 0px 2px 5px;
  251. margin:0px 0px 2px 1px;
  252. border-left: 1px dotted #555555;
  253. }
  254.  
  255. blockquote p, ul{
  256. margin:0px;
  257. padding:0px;
  258. }
  259.  
  260.  
  261. a img{border: 0px;}
  262.  
  263. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  264.  
  265. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  266. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  267.  
  268. .notes img{width:10px; position:relative; top:3px;}
  269.  
  270. #links{
  271. width: 200px;
  272. background-color:white;
  273. border-top: 0px solid #ff0078;
  274. padding: 4px 0px 0px 0px;
  275. text-align: center;
  276. height:10px;
  277. margin-bottom: 20px;
  278. }
  279.  
  280. #links a:link{
  281. font-size: 8px;
  282. font-family: littlefont;
  283. color: transparent;
  284. padding: 15px 20px 0px 7px;
  285. -webkit-transition: all 0.5s ease-in-out;
  286. -moz-transition: all 0.5s ease-in-out;
  287. transition: all 0.4s ease-in-out;
  288. -ms-transition: all 0.3s ease-in-out;
  289. -o-transition: all 0.4s ease-in-out;
  290. width: 50px;
  291. }
  292.  
  293. #links a:hover{
  294. padding-bottom: 5px;
  295. color: #7e7e7e;
  296. -webkit-transition: all 0.4s ease-in-out;
  297. -moz-transition: all 0.4s ease-in-out;
  298. transition: all 0.4s ease-in-out;
  299. -ms-transition: all 0.4s ease-in-out;
  300. -o-transition: all 0.4s ease-in-out;
  301. }
  302.  
  303. .permalink{
  304. color:{color:links};
  305. display:block;
  306. margin-left: -10px;
  307. position: absolute;
  308. text-align: right;
  309. }
  310.  
  311.  
  312.  
  313. small{font-size: 90%;}
  314.  
  315.  
  316. </style>
  317.  
  318.  
  319. <link rel="shortcut icon" href="{Favicon}">
  320. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  321. <meta name="viewport" content="width=820" />
  322.  
  323.  
  324. </head>
  325. <body>
  326.  
  327. <div id="cage">
  328. <div id="center">
  329. <div id="sidebar">
  330. <center>
  331. <span class=blogtitle><a title="" href="/">
  332.  
  333. </a></span><br></center>
  334.  
  335. <center><div id="links">
  336. <a style="border-bottom: 7px solid {color:Link one}" href="{text:Link One}">{text:link one title}</a><a style="border-bottom: 7px solid {color:Link two}" href="{text:Link Two}">{text:Link two title}</a><a style="border-bottom: 7px solid {color:Link three}" href="{text:Link Three}">{text:Link Three Title}</a><a style="border-bottom: 7px solid {color:Link four}" href="{text:Link Four}">{text:Link Four Title}</a>
  337. </div></center>
  338.  
  339.  
  340. <center>
  341.  
  342.  
  343. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width="200" height="auto"></a>{/block:ifshowphoto}
  344. <br>
  345.  
  346.  
  347. <div id="bite">
  348. <h4><center>{text:hoversidebar}</center></h4>
  349.  
  350. <div class="death">
  351. <div align="center">
  352. {description}
  353. </div>
  354. </div>
  355. </div>
  356.  
  357.  
  358. <div align="center">
  359. <br/>{/block:ifinfinitescrolling}
  360. {block:ifshowarrow}{block:NextPage}<a href="{NextPage}"><font size="1">Inhale</font></a>{/block:NextPage}
  361. {block:PreviousPage} <a href="{PreviousPage}"><font size="1">Exhale</font></a>{/block:PreviousPage}{/block:ifshowarrow}
  362. {block:PermalinkPagination}
  363.  
  364. {block:PermalinkPagination}
  365. <br/>{block:PreviousPost}<a href="{PreviousPost}"><font size="1">exhale</font></a>{/block:PreviousPost}
  366. {block:NextPost} <a href="{NextPost}"><font size="1">inhale</font></a>{/block:NextPost}{/block:PermalinkPagination}
  367. </div>
  368.  
  369.  
  370. </div>
  371.  
  372. <div id="content">
  373. {block:Posts}
  374. <div id="entry">
  375.  
  376. {block:Text}
  377. {block:Title}<span class="title"><a href="{Permalink}">{Title}</span><br>{/block:Title}
  378. <span class="entrytext">{Body}</span>{/block:Text}
  379.  
  380. {block:Link}
  381. <a href="{URL}" class="title">{Name}</a><br>
  382. {block:Description}{Description}{/block:Description}
  383. <a href="{Permalink}"><u>{NoteCount}</u>
  384. {block:Link}
  385.  
  386. {block:Photo}
  387. {block:IndexPage}
  388. <div class="perma">
  389. <a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> Reblog</a></span></div>
  390. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=350px/></a></center>{/block:IndexPage}
  391. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  392. {block:IndexPage}</a>{/block:IndexPage}
  393. {block:PermalinkPage}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=490px/></center>{LinkCloseTag}
  394. {/block:PermalinkPage}
  395. {/block:Photo}
  396. {LinkCloseTag}
  397.  
  398. {block:Quote}
  399. {Quote}</span>
  400. {block:Source}<strong>{Source}</strong>{/block:Source}
  401. {/block:Quote}
  402.  
  403. {block:Chat}
  404. {block:Title}<span class="title">{Title}</span>{/block:Title}
  405. <ul class="chat">
  406. {block:Lines}
  407. <li class="user_{UserNumber}">
  408. {block:Label}
  409. <span class="label">{Label}</span>
  410. {/block:Label}
  411.  
  412. {Line}
  413. </li>
  414. {/block:Lines}
  415. {/block:Chat}
  416.  
  417. {block:Audio}
  418. <center><div style="width:200px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  419. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  420. {/block:Audio}
  421.  
  422. {block:Video}<center>
  423. <div class="video">{Video-490}</div></center>
  424. {block:Video}
  425.  
  426. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  427.  
  428. {block:PostNotes}{PostNotes}
  429. {/block:PostNotes}
  430. </div>
  431.  
  432. {/block:Posts}
  433.  
  434.  
  435. </div></div>
  436.  
  437. </div>
  438.  
  439. </center>
  440.  
  441. <center>
  442. </body>
  443. </html>
  444. <div style="position:fixed; bottom:2px; left:2px;">
  445. <a href="http://icy-me0ws.tumblr.com/">credit</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!