Advertisement
ramisaaaaa

Untitled

Mar 27th, 2013
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.49 KB | None | 0 0
  1. <!-- theme by cyrusnigga
  2. lol keep credit -->
  3.  
  4. <head>
  5.  
  6.  
  7.  
  8. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  9. <title>{Title}</title>
  10. <!-- DEFAULT VARIABLES -->
  11. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  13. <meta name="color:background" content="#fffffff"/>
  14. <meta name="color:text" content="#4e4e4e"/>
  15. <meta name="color:title" content="#4e4e4e"/>
  16. <meta name="color:link" content="#4e4e4e"/>
  17. <meta name="color:hover" content="#ffffff"/>
  18. <meta name="image:Background" content=""/>
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="if:tiny cursor" content="0/">
  21. <meta name="if:center description" content="1/">
  22. <meta name="if:faded" content="0/">
  23. <meta name="if:hover fade" content="0/">
  24. <meta name="if:back to top" content="0/">
  25. <meta name="text:link one" content="" />
  26. <meta name="text:link one title" content="" />
  27. <meta name="text:link two" content="" />
  28. <meta name="text:link two title" content="" />
  29. <meta name="text:link three" content="" />
  30. <meta name="text:link three title" content="" />
  31. <meta name="text:link four" content="" />
  32. <meta name="text:link four title" content="" />
  33. <meta name="text:link five" content="" />
  34. <meta name="text:link five title" content="" />
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40. {block:iffaded}
  41. img{
  42. -webkit-transition: opacity 0.8s linear;
  43. opacity: 0.70;
  44. }
  45. img:hover{
  46. -webkit-transition: opacity 0.8s linear;
  47. opacity: 1;
  48. }
  49. {/block:iffaded}
  50.  
  51.  
  52.  
  53. {block:ifhoverfade}
  54. img{
  55. -webkit-transition: opacity 0.8s linear;
  56. opacity: 1.0;
  57. }
  58. img:hover{
  59. -webkit-transition: opacity 0.8s linear;
  60. opacity: 0.6;
  61. }
  62. {block:ifhoverfade}
  63.  
  64. a:hover{-webkit-transition-duration: 0.3s; outline: none; color:{color:text};; -moz-outline-style: none;}
  65.  
  66. </style>
  67.  
  68. <style type="text/css">
  69.  
  70.  
  71. {block:iftinycursor}
  72. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}{/block:iftinycursor}
  73.  
  74. body {
  75. margin:0px;
  76. background-color: {color:Background};
  77. background-image:url({image:Background});
  78. background-attachment: fixed;
  79. background-repeat: repeat;}
  80. body, div, p, textarea, submit, input{
  81. font-family: trebuchet ms;
  82. font-size: 10px;
  83. line-height:15px;
  84. letter-spacing:0px;
  85. color:{color:Text};
  86. }
  87.  
  88. p {
  89. margin:0px;
  90. margin-top:0px;
  91. }
  92.  
  93. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  94.  
  95.  
  96. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  97.  
  98. a:link, a:active, a:visited{
  99. color: {color:Link};
  100. text-decoration: none;
  101. }
  102.  
  103. a:hover {
  104. color:{color:Hover};
  105. text-decoration: italic;
  106. }
  107.  
  108.  
  109.  
  110. div#center{
  111. margin:auto;
  112. position:relative;
  113. width:840px;
  114. background-color:;
  115. overflow:auto;
  116. overflow-y:hidden;}
  117.  
  118. div#content{
  119. float:right;
  120. width:420px;
  121. text-align:center;
  122. padding:0px;
  123. padding-top: 1px;
  124. margin-top:4px;
  125. overflow:hidden;
  126. margin-right:150px;}
  127.  
  128. div#entry{
  129. width:400px;
  130. margin:px;
  131. padding-top:0px;
  132. margin-bottom:-1px;
  133. overflow:hidden;
  134. opacity:1.0;
  135. padding-bottom:0px;
  136. -webkit-transition: all 0.4s ease-in-out;
  137. -moz-transition: all 0.4s ease-in-out;
  138. -o-transition: all 0.4s ease-in-out;
  139. transition: all 0.4s ease-in-out;
  140. }
  141.  
  142.  
  143.  
  144. #entry:hover{
  145. -webkit-transition: all 0.4s ease-in-out;
  146. -moz-transition: all 0.4s ease-in-out;
  147. -o-transition: all 0.4s ease-in-out;
  148. transition: all 0.4s ease-in-out;
  149. }
  150.  
  151. div#sidebar{
  152. position:fixed !important;
  153. width: 200px;
  154. height:auto;
  155. margin-top: 212px;
  156. margin-left: -30px;
  157. text-align:left;
  158. padding: 1px;
  159. line-height:12px;
  160. font-size:10px;
  161. margin-bottom: 0px;}
  162.  
  163. #sidebarimg img {
  164. width:200px;
  165. -webkit-transition: all 0.4s ease-in-out;
  166. -moz-transition: all 0.4s ease-in-out;
  167. -o-transition: all 0.4s ease-in-out;
  168. transition: all 0.4s ease-in-out;
  169. }
  170.  
  171. #navigation {
  172. letter-spacing:0px;
  173. line-height:20px;
  174. margin-top:4px;
  175. font-size:10px;
  176. margin-bottom:-3px;
  177. }
  178.  
  179. #navigation a{
  180. padding:1px;
  181. }
  182.  
  183. #uno {
  184. bottom:0px;
  185. right:3px;
  186. position:fixed;
  187. }
  188.  
  189. .permalink{
  190. display: block;
  191. font-size: 10px;
  192. text-align: right;
  193. text-decoration: none;
  194. }
  195. #permalink {
  196. position: absolute;
  197. margin-top: 13px;
  198. margin-left: 57px;
  199. opacity: 0;
  200. -webkit-transition: all 0.3s ease-in-out;
  201. -moz-transition: all 0.3s ease-in-out;
  202. -o-transition: all 0.3s ease-in-out;
  203. transition: all 0.3s ease-in-out;
  204.  
  205. }
  206.  
  207. #entry:hover #permalink {
  208. margin-top: 13px;
  209. margin-left: 40px;
  210. opacity: 1;
  211. -webkit-transition: all 0.4s ease-in-out;
  212. -moz-transition: all 0.4s ease-in-out;
  213. -o-transition: all 0.4s ease-in-out;
  214. transition: all 0.4s ease-in-out;
  215.  
  216. }
  217.  
  218. .countreblog {
  219. color: #FFFFFF;
  220. letter-spacing:1px;
  221. font-family: arial;
  222. font-size:11px;
  223. line-height:15px;
  224. margin: 2px;
  225. margin-top: 14px;
  226. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  227. background-repeat:repeat;
  228. border:1px solid rgba(0,0,0,0.1);
  229. padding:3px 5px;
  230. padding-top: 3px;
  231. padding-bottom: 4px;
  232. height: 20px;
  233. -webkit-border-radius:2px;
  234. moz-border-radius:2px;
  235. -o-border-radius:2px;
  236. border-radius:2px;
  237. }
  238.  
  239. .countreblog a { color: #FFF; }
  240.  
  241. .perma{
  242. opacity: 0.0;
  243. filter: alpha(opacity = 0);
  244. margin-top: 0px;
  245. width: 60px;
  246. height: 30px;
  247. line-height: 30px;
  248. font-size: 9px;
  249. position:absolute;
  250. text-align: center;
  251. z-index:9999991;
  252. margin-top: 8px;
  253. margin-left: -5px;
  254. text-align: center;
  255. -webkit-transition: all 0.3s ease-in-out;
  256. -moz-transition: all 0.3s ease-in-out;
  257. -o-transition: all 0.3s ease-in-out;
  258. transition: all 0.3s ease-in-out;
  259.  
  260. }
  261.  
  262. #entry:hover .perma {
  263. margin-top: 11px;
  264. -webkit-transition: all 0.4s ease-in-out;
  265. -moz-transition: all 0.4s ease-in-out;
  266. -o-transition: all 0.4s ease-in-out;
  267. transition: all 0.4s ease-in-out;
  268. opacity: 1;
  269.  
  270. }
  271.  
  272. .likep {
  273. display: inline;
  274. width: 21px;
  275. float: right;
  276. height: 20px;
  277. margin-left:-4px;
  278. overflow: hidden;
  279. position: relative;
  280. z-index: 9999999;
  281. -webkit-transition: all .4s ease;
  282.  
  283. }
  284.  
  285. .likep a {
  286. background-image:
  287. url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  288. background-position: 0px 0px;
  289. display: block;
  290. z-index: 9999999;
  291. -webkit-transition: opacity 0.4s linear;
  292. opacity: 2;
  293. -webkit-transition: all 0.1s linear;
  294. -webkit-transition: all 0.1s linear;
  295. -moz-transition: all 0.1s linear;
  296. transition: all .1s linear;
  297. }
  298.  
  299. .likep img {
  300. width: 21px;
  301. height: 20px;
  302. -webkit-transition: opacity 0.4s linear;
  303. opacity: 2;
  304. -webkit-transition: all 0.1s linear;
  305. -webkit-transition: all 0.1s linear;
  306. -moz-transition: all 0.1s linear;
  307. transition: all .1s linear;
  308.  
  309. }
  310. .rep img{
  311. width: 24px;
  312. height: 20px;
  313. line-height: 30px;
  314. display: inline;
  315. }
  316.  
  317. #lol {
  318. text-align:center;
  319. bottom:0px;
  320. right: 6px;
  321. position:fixed;
  322. font-size:9px;
  323. opacity:1.0;
  324. }
  325.  
  326.  
  327.  
  328. .permalinks{
  329. line-height: 17px;
  330. text-transform: none;
  331. font-family: ;
  332. font-size: 9px;
  333. text-align:center;
  334. margin-top: 1px;
  335. text-align: right;
  336. margin-bottom:7px;
  337. }
  338.  
  339. #postnotes{text-align: justify;}
  340. #postnotes blockquote{border: 0px;}
  341.  
  342. .title{font-weight:bold;font-size: 11px; line-height: 34px; color: {color:Title}; letter-spacing: 0px; padding:0px 0px 0px 0px; text-shadow: 0px 0px 0px #CCCCCC;}
  343.  
  344.  
  345. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  346.  
  347. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  348.  
  349.  
  350. blockquote{ padding:0px 0px 2px 5px; margin:0px 0px 2px 1px; border-left: 1px solidd #555555;}
  351.  
  352. blockquote p, ul{ margin:0px; padding:0px; }
  353.  
  354. a img{border: 0px;}
  355.  
  356. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  357.  
  358. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  359. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  360.  
  361. .notes img{width:10px; position:relative; top:3px;}
  362.  
  363. .permalink{ display: block; font-size: 10px; text-align: center; background-color:{color:Permalink};}
  364.  
  365.  
  366.  
  367. small{font-size: 90%;}
  368.  
  369.  
  370. {block:ifbacktotop}#toTop {display:none;text-decoration:none;position:fixed;bottom:40px;right:30px;opacity:;overflow:hidden;width:50px;height:50px;border:none;text-indent:-999px;background:url(http://nmai.si.edu/exhibitions/infinityofnations/images/top_up.png) no-repeat left top;z-index:3000;}
  371.  
  372. #toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
  373.  
  374.  
  375.  
  376. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  377.  
  378. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  379.  
  380. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  381.  
  382. <script type="text/javascript">
  383.  
  384. $(document).ready(function() {
  385.  
  386. $().UItoTop({ easingType: 'easeOutQuart' });
  387.  
  388. });
  389.  
  390. </script>{/block:ifbacktotop}
  391.  
  392.  
  393.  
  394. </style>
  395.  
  396. <link rel="shortcut icon" href="{Favicon}">
  397. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  398. <meta name="viewport" content="width=820" />
  399. </head>
  400.  
  401.  
  402. <body>
  403.  
  404.  
  405. <div id="cage">
  406. <div id="center">
  407. <div id="sidebar">
  408. <div id="lol"><a href="http://cyrusnigga.tumblr.com">
  409. credit</a></div>
  410.  
  411. <div id="sidebarimg"><a href="/"><img src="{image:sidebar}"width=200px></a></div>
  412.  
  413.  
  414. <div id="navigation">
  415.  
  416.  
  417. {block:ifcenterdescription}<center>{/block:ifcenterdescription}{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}
  418. {block:IfLinktwotitle} / <a href="{text:link two}">{text:link two title}</a> {/block:IfLinktwotitle}
  419. {block:IfLinkthreetitle} / <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
  420. {block:IfLinkfourtitle} / <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
  421. {block:IfLinkfivetitle} / <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}</div></big>{block:ifcenterdescription}</center>{/block:ifcenterdescription}
  422.  
  423.  
  424.  
  425. {block:ifcenterdescription}<center>{/block:ifcenterdescription}{Description}{block:ifcenterdescription}</center>{/block:ifcenterdescription}
  426.  
  427.  
  428. <div align="right">
  429. </div>
  430. </div>
  431.  
  432.  
  433. <div id="uno">
  434. </div>
  435.  
  436.  
  437. <div id="content">
  438. {block:Posts}
  439. <div id="entry">
  440.  
  441. <!--text-->
  442. {block:Text}
  443. {block:Title}<br><span class="title">{Title}</span>{/block:Title}
  444. <span class="entrytext"><Br>{Body}</span>
  445. <center><div style="padding-top:px; padding-bottom:6px; margin-top:10px; padding-left:10px; padding-right:10px; text-align:Center;border-top:1px solid #aaaaaa; width:300px;">
  446. </div></center>
  447. <div class="permalinks">
  448. <a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{permalink}">{timeago}</a> </div>
  449. {/block:Text}
  450.  
  451. <!--link-->
  452. {block:Link}
  453.  
  454.  
  455. <center><div style="padding-top:px; padding-bottom:6px; margin-top:2px; padding-left:10px; padding-right:10px; text-align:Center;border-top:0px solid #aaaaaa; width:300px;">
  456. </div></center>
  457.  
  458.  
  459. <a href="{URL}" class="title">{Name}</a>
  460. <br>{block:Description}{Description}{/block:Description}
  461.  
  462. <center><div style="padding-top:px; padding-bottom:6px; margin-top:10px; padding-left:10px; padding-right:10px; text-align:Center;border-top:1px solid #aaaaaa; width:300px;">
  463. </div></center>
  464. <div class="permalinks">
  465. <a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{permalink}">{timeago}</a> </div>
  466. {block:Link}
  467.  
  468. <!--photo-->
  469. {block:Photo}
  470. {block:IndexPage}
  471.  
  472.  
  473. <div class="perma">
  474.  
  475.  
  476.  
  477. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  478. </div>
  479. <div id="permalink">
  480. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>
  481.  
  482.  
  483.  
  484. {/block:IndexPage}
  485. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400px"/></a></div>{LinkCloseTag}
  486.  
  487.  
  488. {/block:Photo}
  489.  
  490. <!--quote-->
  491. {block:Quote}
  492. <span class="title">{Quote}</span>
  493. {block:Source}{Source}{/block:Source}
  494. <center><div style="padding-top:px; padding-bottom:6px; margin-top:10px; padding-left:10px; padding-right:10px; text-align:Center;border-top:1px solid #aaaaaa; width:300px;">
  495. </div></center>
  496. <div class="permalinks">
  497. <a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{permalink}">{timeago}</a> </div>
  498. {/block:Quote}
  499.  
  500. <!--chat-->
  501. {block:Chat}
  502. {block:Title}<br><span class="title">{Title}</span>{/block:Title}
  503.  
  504.  
  505. <center><div style="padding-top:px; padding-bottom:6px; margin-top:2px; padding-left:10px; padding-right:10px; text-align:Center;border-top:0px solid #aaaaaa; width:300px;">
  506. </div></center>
  507.  
  508.  
  509.  
  510. <ul class="chat">
  511. <br>{block:Lines}
  512. <li class="user_{UserNumber}">
  513. {block:Label}
  514. <span class="label">{Label}</span>
  515. {/block:Label}
  516.  
  517. {Line}
  518. </li>
  519. {/block:Lines}
  520. </ul>
  521. <center><div style="padding-top:px; padding-bottom:6px; margin-top:10px; padding-left:10px; padding-right:10px; text-align:Center;border-top:1px solid #aaaaaa; width:300px;">
  522. </div></center>
  523. <div class="permalinks">
  524. <a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{permalink}">{timeago}</a> </div>
  525. {/block:Chat}
  526.  
  527. <!--audio-->
  528. {block:Audio}
  529. <center><div style="padding-top:px; padding-bottom:6px; margin-top:5px; padding-left:10px; padding-right:10px; text-align:Center;border-top:0px solid #aaaaaa; width:300px;">
  530. </div></center><center><div style="width:300px; height:30px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  531. {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</div></div></centeR>{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:permalinkpage}
  532. <center><div style="padding-top:px; padding-bottom:6px; margin-top:10px; padding-left:10px; padding-right:10px; text-align:Center;border-top:1px solid #aaaaaa; width:300px;">
  533. </div></center>
  534. <div class="permalinks">
  535. <a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{permalink}">{timeago}</a> </div>
  536. {/block:Audio}
  537.  
  538. {block:Photoset}
  539. {block:IndexPage}
  540. {Photoset-400}
  541. {/block:IndexPage}
  542. {block:permalinkpage}
  543. {Photoset-400}
  544. {/block:permalinkpage}
  545. <center><div style="padding-top:px; padding-bottom:6px; margin-top:10px; padding-left:10px; padding-right:10px; text-align:Center;border-top:1px solid #aaaaaa; width:300px;">
  546. </div></center>
  547. <div class="permalinks">
  548. <a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{permalink}">{timeago}</a> </div>
  549. {/block:Photoset}
  550.  
  551. <!--video-->
  552. {block:Video}<center>
  553. {Video-400}</center>
  554. <center><div style="padding-top:px; padding-bottom:6px; margin-top:10px; padding-left:10px; padding-right:10px; text-align:Center;border-top:1px solid #aaaaaa; width:300px;">
  555. </div></center>
  556. <div class="permalinks">
  557. <a href="{permalink}">{NoteCountwithlabel}</a> - <a href="{permalink}">{timeago}</a> </div>
  558. {block:Video}
  559.  
  560.  
  561.  
  562.  
  563.  
  564. <center>{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}<br>{block:RebloggedFrom}
  565. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  566. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  567.  
  568. {/block:RebloggedFrom}{/block:PermalinkPage}
  569.  
  570. {block:PostNotes}{PostNotes}
  571. {/block:PostNotes}
  572. </div>
  573.  
  574. {/block:Posts}
  575. <center></center>
  576. </center>
  577. </div></div>
  578.  
  579.  
  580. </div>
  581. </center>
  582.  
  583. </body>
  584.  
  585. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement