Advertisement
maryaciolli

theme - carolena

Oct 15th, 2013
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.76 KB | None | 0 0
  1. <!-- -->
  2. <!-- -->
  3. <!-- THEME BY MARIANA ACIOLLI -->
  4. <!-- CLEVELLAND.TUMBLR.COM -->
  5. <!-- DON'T COPY BITCH! -->
  6. <!-- -->
  7. <!-- -->
  8.  
  9.  
  10. <html>
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14.  
  15. <title>{title}</title>
  16. <link rel="shortcut icon" href="{Favicon}"/>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <meta name="color:Link" content="#535352"/>
  21. <meta name="color:Link Hover" content="#9e9d9d"/>
  22. <meta name="image:Sidebar" content="http://static.tumblr.com/0a4b9a44d1d58e3b90cd50ef2628d9eb/nqcm3ld/z1Xmuqet0/tumblr_static_font14.png"/>
  23. <meta name="image:Header" content="http://static.tumblr.com/nqcm3ld/XcHmuqeix/font15.png"/>
  24. <meta name="text:Link1" content="/" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="text:Link2" content="/" />
  27. <meta name="text:Link2 Title" content="" />
  28. <meta name="text:Link3" content="/" />
  29. <meta name="text:Link3 Title" content="" />
  30. <meta name="text:Link4" content="/" />
  31. <meta name="text:Link4 Title" content="" />
  32. <meta name="text:Link5" content="/" />
  33. <meta name="text:Link5 Title" content="" />
  34. <meta name="text:Link6" content="/" />
  35. <meta name="text:Link6 Title" content="" />
  36.  
  37. <style type="text/css">
  38.  
  39. body{
  40. color:{color:Text};
  41. font-family:arial;
  42. font-size:10px;
  43. background-color:#fff;
  44. width:650px;
  45. margin-left:auto;
  46. margin-right:auto;
  47. margin-top:0px;
  48. }
  49.  
  50. #post{
  51. width:505px;
  52. background-color:#fff;
  53. padding:5px;
  54. float:right;
  55. margin-top:330px;
  56. }
  57.  
  58. .linkss {border-top:0px solid #eee;
  59. border-bottom:0px solid #eee;
  60. padding-top:2px;
  61. padding-bottom:2px;
  62. font-size:9px;
  63. font-family:tahoma;
  64. letter-spacing:1px;}
  65.  
  66. a{color:{color:Link};text-decoration:none;} a:hover{color:{color:Link Hover};}
  67.  
  68.  
  69.  
  70. .entry{
  71. padding:10px;
  72. width:500px;
  73. float:left;
  74. margin-bottom:30px;
  75. }
  76.  
  77. .entry .perma{
  78. background:#fff;
  79. padding:2px;
  80. text-align:right;
  81. border-radius:0px;
  82. margin-top:3px;
  83. margin-left:0px;
  84. position:absolute;
  85. opacity:0.9;
  86. width:495px;
  87. border-top:1px solid #eee;
  88.  
  89. }
  90.  
  91.  
  92. .sidetitle{font-size:18px;
  93. font-family:'times new roman';;
  94. line-height:100%;
  95. text-align:center;
  96. height:auto;
  97. letter-spacing:1px;
  98. margin-bottom:6px;
  99. border-bottom:0px solid #eee;
  100. color:{color:Link};}
  101.  
  102. .sidedesc{text-align:right; text-transform: uppercase; font-size:10px; font-family:'arial'; background-color:#fff; padding:3px; margin-bottom:0px;}
  103.  
  104.  
  105. .linkx {width:100%;
  106. background:{color:menu};
  107. margin-bottom:3px;
  108. padding:2px;
  109. background:#fff;
  110. text-transform: uppercase;}
  111.  
  112. .linkxy { font-family: 'arial';
  113. font-size:9px;
  114. font-style: none;
  115. width:100%;
  116. letter-spacing:0px;
  117. text-align:center;
  118. word-spacing:12px;
  119. text-transform:uppercase;
  120. padding:8px;
  121. color:#9C9C9C;
  122. }
  123.  
  124. .linkxy a {color:#9C9C9C; font-family: 'arial';}
  125.  
  126. .linkxy:hover {color:#CFCFCF;}
  127.  
  128. .header {position:fixed; z-index:100; width:650px; height:300px; }
  129.  
  130. .menubg {background:#F5F5F5; margin-top:300px; position:fixed; z-index:100; padding-top:5px; padding-bottom:5px; width:650px;}
  131.  
  132. #sidebar{
  133. height:100%;
  134. width:130px;
  135. margin-top:330px;
  136. margin-left:0px;
  137. position:fixed;
  138. padding:0px;
  139. text-align:justify;
  140. float:center;
  141. }
  142.  
  143. li {list-style-type: upper-roman;}
  144.  
  145. blockquote {border-left:2px solid #b5b5b5; padding-left:3px;}
  146.  
  147. #sidebar img{border:1px solid #eee;width:94%;height:auto;padding:3px; margin-bottom:8px; border-radius:0px;}
  148.  
  149. .menuesquerda {float:left; width:49%; text-align: left;}
  150. .menudireita {float:left; width:49%; text-align: right; border-right:1px solid #CFCFCF;}
  151. .espaco {padding: 1px; margin:1px; clear: both;}
  152.  
  153. .extrass {display : block; font-size: 6pt; text-transform: uppercase; font-family: 'mine'; text-indent : 3px; vertical-align : middle; text-decoration : none; margin-bottom : 1px; padding: 4px; background: #eee; color: #363636; border-radius: 0px; text-align:left; border-bottom:1px solid #ffffff; -webkit-transition-duration: .50s;}
  154.  
  155. .extrass a {color: #363636;}
  156.  
  157. gm {color:#FF69B4;}
  158.  
  159. b {color:#FF69B4; text-decoration : bold;}
  160. i {color:#FF69B4; text-decoration : italic;}
  161.  
  162.  
  163. @font-face {font-family: "love";
  164. src: url('http://dc703.4shared.com/download/oWzgzX1A/Helvetica_Light-Normal_Regular.ttf?tsid=20131015-203622-987297e6'); format("truetype"); }
  165.  
  166.  
  167. @font-face {font-family: "lovee";
  168. src: url('http://dc694.4shared.com/download/3OdzjJ62/Fool_For_Love.ttf?tsid=20131015-213328-1b51becb'); format("truetype"); }
  169.  
  170.  
  171. /* ESTILO DE ASK POR MARY (PLEASEB3MINE) */
  172. .pergunta {background: #eee; padding: 11px; margin-top: -10px; margin-left: 0px; margin-right: 0; overflow: hidden; -webkit-border-radius: 0px 0px 0px 0px; color: #696969; font-family: 'arial'; font-size: 10px;}
  173. .perguntou {display: inline-block; letter-spacing: 1px; text-transform:uppercase; font-size: 8px; background: #fff; padding: 1px; margin-top: -0px; color: #696969; margin-bottom: 7px; margin-left:2px; font-family: "04b03";}
  174. .askpic {width:40px; border:4px double #b5b5b5; background:#fff;}
  175. .perguntou m {color: #fff;}
  176. .perguntou a {color: #fff;}
  177. .triangulo {background: transparent; no-repeat; width: 20px; height: 10px; margin-right: 60px; margin-top: 0px; }
  178. .resposta {margin-top: -9px; color: #696969; font-family: 'arial'; font-size: 10px;}
  179.  
  180. hj {font-size:15pt; text-decoration : bold;}
  181.  
  182. .pagination {
  183. display: none;
  184. }
  185. {CustomCSS]</style>
  186.  
  187. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  188.  
  189. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  190.  
  191. <script>
  192. $(function(){
  193. var $container = $('#post');
  194. $container.imagesLoaded(function(){
  195. $container.masonry({
  196. itemSelector: '.entry',
  197. });
  198. });
  199. $container.infinitescroll({
  200. itemSelector : ".entry",
  201. navSelector : "div.pagination",
  202. nextSelector : ".pagination a#next",
  203. loadingImg : "",
  204. loadingText : "<em></em>",
  205. bufferPx : 10000,
  206. extraScrollPx: 12000,
  207. },
  208. // trigger Masonry as a callback
  209. function( newElements ) {
  210. var $newElems = $( newElements ).css({ opacity: 0 });
  211. // ensure that images load before adding to masonry layout
  212. $newElems.imagesLoaded(function(){
  213. $newElems.animate({ opacity: 1 });
  214. $container.masonry( 'appended', $newElems, true );
  215. });
  216. }
  217. );
  218. });
  219. </script>
  220.  
  221. </head>
  222. <body>
  223. <div class="backg">
  224.  
  225. <img src="{image:Header}" width="750px" class="header" height="300px">
  226.  
  227.  
  228. <div class="menubg">
  229. <center>
  230. {block:ifLink1}<a href="{text:Link1}" class="linkxy">{text:Link1 Title}</a>{/block:ifLink1}
  231. {block:ifLink2}<a href="{text:Link2}" class="linkxy">{text:Link2 Title}</a>{/block:ifLink2}
  232. {block:ifLink3}<a href="{text:Link3}" class="linkxy">{text:Link3 Title}</a>{/block:ifLink3}
  233. {block:ifLink4}<a href="{text:Link4}" class="linkxy">{text:Link4 Title}</a>{/block:ifLink4}
  234. {block:ifLink5}<a href="{text:Link5}" class="linkxy">{text:Link5 Title}</a>{/block:ifLink5}
  235. {block:ifLink6}<a href="{text:Link6}" class="linkxy">{text:Link6 Title}</a>{/block:ifLink6}
  236.  
  237. </center>
  238. </div>
  239.  
  240.  
  241. <div class="bgsideb">
  242. <div id="sidebar">
  243.  
  244. <center><div class="sidedesc">Colorize Ps</div></center>
  245.  
  246. <img src="{image:Sidebar}">
  247.  
  248. {description}
  249.  
  250. </div>
  251. </div>
  252.  
  253.  
  254.  
  255. <div id="post">
  256. {block:Posts}
  257.  
  258. <div class="entry">
  259.  
  260. {block:Title}<h1>{Title}</h1>{/block:Title}
  261.  
  262. {block:Text}{Body}{/block:Text}
  263.  
  264. {block:Photo}
  265. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a><br>
  266. {caption}
  267. {/block:Photo}
  268.  
  269.  
  270. {block:Photoset}
  271. {Photoset-500}
  272. {caption}
  273. {/block:Photoset}
  274.  
  275.  
  276. {block:Quote}
  277. <h1>{Quote}</h1>
  278. <div align="right">
  279. {block:Source}-{Source}{/block:Source}
  280. </div>
  281. {/block:Quote}
  282.  
  283.  
  284. {block:Video}
  285. {block:If2Column}
  286. {Video-250}
  287. {/block:If2Column}
  288.  
  289. {block:IfNot2Column}
  290. {Video-500}
  291. {/block:IfNot2Column}<br>
  292. {PlayCountWithLabel}
  293. {/block:Video}
  294.  
  295.  
  296. {block:Link}
  297. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  298. {block:Description}{Description}{/block:Description}
  299. {/block:Link}
  300.  
  301. {block:Chat}
  302. {block:Lines}
  303. {block:Label}
  304. <br>{Label}
  305. {/block:Label}
  306. &nbsp;{Line}
  307. {/block:Lines}
  308. {/block:Chat}
  309.  
  310. {block:Audio}
  311. {AudioPlayerGrey}
  312. <br><div align="right">{block:Artist}
  313. Artist: {Artist}</div>
  314. {/block:Artist}<br>
  315. {block:Caption}{Caption}{/block:Caption}
  316. {/block:Audio}
  317.  
  318. {block:Answer}<div class="box"><div class="triangulo"><img src="{AskerPortraitURL-64}" align="left" class="askpic" width="35px"></div> <div class="pergunta">{Question}</div> <div class="perguntou"><m{Asker}</m> asked {TimeAgo}</div> <div class="resposta">{Answer}</div> </div> {/block:Answer} <div class="divide"></div>
  319.  
  320. <div class="perma"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} <gm>♥</gm> </a> <a href="{Permalink}">{NoteCount} notes <gm>♥</gm></a> <a href="{Permalink}">Permalink <gm>♥</gm> </a><a href="{ReblogURL}" target="_blank"> reblog </a></div>
  321.  
  322. {block:PermalinkPage}
  323. {block:Caption}
  324. {Caption}
  325. {/block:Caption}
  326. <br>
  327. {block:NoteCount}
  328. {NoteCount} notes
  329. {/block:NoteCount}
  330. <Br>
  331. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  332. {/block:PermalinkPage}
  333. </div>
  334.  
  335. {/block:Posts}
  336.  
  337. </div>
  338. <div class="pagination">
  339. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  340. </div>
  341.  
  342. </body>
  343. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement