Advertisement
ramisaaaaa

Untitled

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